JavaScript 中的数字验证

有时输入文本字段的数据需要采用正确的格式并且必须是特定类型才能有效地使用表单。例如，电话号码、卷号等是一些必须是数字而不是字母的细节。

方法：

我们使用 isNaN()函数仅验证文本字段的数值。文本字段数据在函数中传递，如果传递的数据是数字，则 isNan() 返回 true，如果数据不是数字或数字和字母的组合，则返回 false。

下面是 HTML 和 JavaScript 中的代码，用于验证文本字段是否包含数字。

例子：

    
        
            /* this function is called when we
            click on the submit button*/
            function numberValidation() {
                /*get the value of the textfield using a 
                combination of name and id*/
                //form is the name of the form coded below
                //numbers are the name of the inputfield
                /*value is used to fetch the value written 
                in that particular field*/
                var n = document.form.numbers.value;
  
/* isNan() function check whether passed variable 
   is number or not*/
                if (isNaN(n)) {
/*numberText is the ID of span that print "Please enter 
Numeric value" if the value of inputfield is not a number*/
                    document.getElementById(
                      "numberText").innerHTML =
                      "Please enter Numeric value";
                    return false;
                } else {
                    /*numberText is the ID of span that print 
      "Numeric value" if the value of inputfield is a number*/
                    document.getElementById(
                      "numberText").innerHTML = 
                      "Numeric value is: " + n;
                    return true;
                }
            }
        
    
  
    
        
        
  
        
        
        
            
            
            Number: 
          
          
            
        
    

输出：
案例 1：文本字段包含字母

案例 2：文本字段包含字母和数字

案例 3：文本字段仅包含数字