[JQuery] 限制input只能輸入數字的三種方法

限制input只能輸入數字

方法1: type="number"

<input type="number" name="num">

方法2:
onkeyup

//只能輸入數字
<input name="num" onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'')">
//只能輸入數字(不能輸入0)
<input name="num" onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'');if(value==0) value=1;" value="1">

方法3:

使用JQuery控制

HTML:

<input class="number" name="num">

SCRIPT:

$(".number").on("keypress keyup blur",function (event) {    
    $(this).val($(this).val().replace(/[^\d].+/, ""));
    if ((event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
});