숫자만 쓰도록 하는 KeyEvent

JSP & JavaScript

숫자만 쓰도록 하는 KeyEvent

Grand_J 2015. 12. 2. 17:05

 
<input type="text" numberonly="true" />  // 숫자만 입력 가능한 텍스트박스
<input type="text" datetimeonly="true" /> // 숫자, 콜론(:), 하이픈(-)만 입력 가능한 텍스트박스
 
$(function()
{
 $(document).on("keyup", "input:text[numberOnly]", function() {$(this).val( $(this).val().replace(/[^0-9]/gi,"") );});
 $(document).on("keyup", "input:text[datetimeOnly]", function() {$(this).val( $(this).val().replace(/[^0-9:\-]/gi,"") );});
});

$(function()
{
    $("input:text[numberOnly]").live("keyup", function() {
        $(this).val( $(this).val().replace(/[^0-9]/gi,"") );
    });
    $("input:text[datetimeOnly]").live("keyup", function(){
        $(this).val( $(this).val().replace(/[^0-9:\-]/gi,"") );
    });
});

   $("#user_phone").keydown(function(e) {

    $(this).val( $(this).val().replace(/[^0-9]/gi,"") );

   });