javascript - 使用 javascript/jQuery 验证输入类型数字

Question

• 我有一个输入框，只需要接受数字。

• 我使用javascript，它工作正常，但问题是:当框为空或删除数字时，它返回 false 并且框颜色变为红色。

代码如下:

<input id="amount" type="number" size="7" name="amount" onkeypress='return isNumberKey(event)' required/>


<script type="text/javascript">
    function isNumberKey(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
</script>

Answer 1

检查一下这个验证码:http://jsbin.com/ImIruPEf/1/edit

$(document).ready(function(){
  $("#Submit").click(function(e){
     var isNumber =   IsNumberOnly('input#Age');
    if(!isNumber)
    {
      e.preventDefault();
      $("#ErrorMessage").text('Invalid value. Please enter numeric value.');
    }
    else
    {
       $("#ErrorMessage").text('Success.');
    }
  });
});

function IsNumberOnly(element) {    
    var value = $(element).val();
    var regExp = "^\\d+$";
    return value.match(regExp); 
}