验证数字字段

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)
原文地址:https://www.cnblogs.com/qdmaomao/p/4819544.html