Javascript onclick表单验证

Javascript onclick表单验证,javascript,validation,onclick,Javascript,Validation,Onclick,有人能告诉我我做错了什么吗。。当我输入像abc这样的字符时,它会输出警报,但当我有有效的数字时,它不会保存 function ValidateNumeric() { var val = document.getElementById("tbNumber").value; var validChars = '0123456789.'; for(var i = 0; i < val.length; i++) { if(validChars.indexO

有人能告诉我我做错了什么吗。。当我输入像abc这样的字符时,它会输出警报,但当我有有效的数字时,它不会保存

function ValidateNumeric() {
    var val = document.getElementById("tbNumber").value;
    var validChars = '0123456789.'; 

    for(var i = 0; i < val.length; i++) { 
      if(validChars.indexOf(val.charAt(i)) == -1)
       alert('Please enter valid number');
       return false; 
        } 

        return true; 
    }

<INPUT TYPE=SUBMIT NAME="action" VALUE="Save Changes" onclick="return ValidateNumeric();" >
函数validateEnumeric(){
var val=document.getElementById(“tbNumber”).value;
var validChars='0123456789';
对于(var i=0;i
注意语句start和end—“return false;”将在第一次迭代时终止“for”循环

正确代码:

function ValidateNumeric() {
  var val = document.getElementById("tbNumber").value;
  var validChars = '0123456789.'; 

  for(var i = 0; i < val.length; i++) { 
    if(validChars.indexOf(val.charAt(i)) == -1) {
      alert('Please enter valid number');
      return false;
    }
  } 

  return true; 
}
函数validateEnumeric(){
var val=document.getElementById(“tbNumber”).value;
var validChars='0123456789';
对于(var i=0;i
使用正则表达式

function validateNumeric() {
    var val = document.getElementById("tbNumber").value;
    var regex = /^[0-9\.]+$/;

    if(regex.test(value))
        return true
    else {
        alert("Please enter a valid number");
        return false;
    }
}
但是,该正则表达式允许
1.22.3.6…2
作为输入,这可能是不需要的。你可能想要正则表达式

此外,HTML标记应为小写,属性应引用:

<input type="number" id="tbNumber" />
<input type="submit" name="action" value="Save Changes" onclick="return validateNumeric();"  />


<代码> > p>格式化您的代码>如果< /代码>正确,否则它将只考虑第一个语句。

 for(var i = 0; i < val.length; i++) { 
      if(validChars.indexOf(val.charAt(i)) == -1)
       {
        alert('Please enter valid number');
        return false; 
       }
    } 
for(var i=0;i
+1以获得更好的解决方案,即使它不能解决问题的根本原因。我认为您应该返回数字,以防万一