验证数字字段

1.  .charAt(index)：可返回指定位置的字符

注：index 必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

　　字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。

2. .charCodeAt(index)  方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

注：index 必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

　　字符串中第一个字符的下标是 0。如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN。

 

charCodeAt() 与 charAt() 方法执行的操作相似，只不过前者返回的是位于指定位置的字符的编码，而后者返回的是字符子串。

 

3.ASCII：是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。

注：其中48-57之间是数字1-9

4. .preventDefault() :取消事件的默认动作。

5.  break 中断循环

 

$(document).ready(function(){
    $('.error').hide();
    $('.submit').click(function(){
        var data = $('.infobox').val();  //获取输入框的属性值
        var len = data.length;  //属性值的个数
        var c = 0;
        for(var i=0; i<len; i++){
            c=data.charAt(i).charCodeAt(0);  //返回指定位置的字符字符编码
            if(c<48 || c>57){ //判断小于48的且大于57的两项符合哪项都执行以下代码
                $('.error').show()；
                event.preventDefault(); //禁止提交
                break; //中断循环
            }else{
                $('.error').hide();
            }
        }

    });
});


<form action="" id="signup" method="post">
    <div><span class="label">Enter Age:</span><input type="text" class="infobox" name="age" /><span class="error">Only numericals allowed</span>
    </div>
    <input type="submit" value="Submit" class="submit" />
</form>

 

 

 

 

 

 

 

 

.charCodeAt(index)