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); 
}

Answer 2

<script type="text/javascript">
function demoMatchClick() {
 var re = new RegExp("^[0-9]+$");
 var val=document.GetelementByID("amount").value;
   if (val.match(re)) {
      alert("Successful match");return true;
   } else {
      alert("No match"); return false;
   }
 }
 </script>

使用javascript / jQuery验证输入类型编号

2 个答案: