textbox框的常见验证

   对于一个系统，用户可以输入数据即代表着不安全，尤其在用户是网络上的任意人的时候，我们没有办法假定用户按照我们的要求去输入数据，也没有办法假定用户的所有输入都是善意的，在这种情况下，验证用户的输入数据就变得十分重要。以下举几种常见的验证（以textbox为例）。

    1长度验证（验证字符长度）
 MaxLength="value" 其中value代表允许输入的最大字符数，如：
 <asp:TextBox ID="txt_No1"   runat="server" MaxLength="20"></asp:TextBox>
但是英文字符占一字节，中文汉字中字符占2字节，在varchar类型的数据库总，采用字符的验证标准显然不符合要求，字母数字的ascii编码都小于255而汉字的编码肯定大于255，我们可以使用此方法来判断字符串占用的是一个字节还是两个字节。因此，我们可以通过自定义两个JavaScript函数，在通过input的onkeyup事情触发函数来解决此问题。实现代码如下：
        //判断字符串所占的字节数
        function GetCharLength(str)
        {
            var iLength = 0;  //记录字符的字节数
            for(var i = 0;i<str.length;i++)  //遍历字符串中的每个字符
            {
                if(str.charCodeAt(i) >255)   //如果当前字符的编码大于255
                {
                    iLength += 2;    //所占字节数加2
                }
                else
                {
                    iLength += 1;   //否则所占字节数加1
                }
            }
            return iLength;   //返回字符所占字节数
        }
        //若字符串长度超过要求，截掉多余部分
        function CutStr(elementID,len)   //elementID表示要进行处理的对象ID,len表示设置的限制字节数
        {
            var str = document.getElementById(elementID).value;  //获取要处理的字符串
            var curStr = "";  //用于实时存储字符串
            for(var i = 0;i<str.length;i++)   //遍历整个字符串
            {
                curStr += str.charAt(i);  //记录当前遍历过的所有字符
                if(GetCharLength(curStr )>len)  //如果当前字符串超过限制长度
                {
                    document.getElementById(elementID).value = str.substring(0,i);  //截取多余的字符,并把剩余字符串赋给要进行处理的对象
                    return;  //结束函数
                }
            }
        }
      通过onkeyup事件调用CutStr函数就可以实现对ID为elementID的最大字符串字节数的控制。

2只能输入数字(提供两种方法）
  （1）<asp:TextBox ID="txt_No1" runat="server"  οnpaste="return false" style="ime-mode:disabled" οnkeypress="if((event.keyCode<48 ||event.keyCode>57) &&event.keyCode!=46) event.returnValue=false;"></asp:TextBox>
或者下面这种方法：
 （2）<asp:TextBox ID="txt_No1"   runat="server"  style="ime-mode: disabled;" οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"></asp:TextBox>

对于以上两种方法，建议使用第二种，因为第一种方法对第三方的键盘拼写工具不管用（例如搜狗输入法），第二种方法是检测用户输入的数据，如果不属于int类型，则替换掉。

3 检验是否输入的是身份证号：

1. var vcity = {
   
2.     11 : "北京",
   
3.     12 : "天津",
   
4.     13 : "河北",
   
5.     14 : "山西",
   
6.     15 : "内蒙古",
   
7.     21 : "辽宁",
   
8.     22 : "吉林",
   
9.     23 : "黑龙江",
   
10.     31 : "上海",
    
11.     32 : "江苏",
    
12.     33 : "浙江",
    
13.     34 : "安徽",
    
14.     35 : "福建",
    
15.     36 : "江西",
    
16.     37 : "山东",
    
17.     41 : "河南",
    
18.     42 : "湖北",
    
19.     43 : "湖南",
    
20.     44 : "广东",
    
21.     45 : "广西",
    
22.     46 : "海南",
    
23.     50 : "重庆",
    
24.     51 : "四川",
    
25.     52 : "贵州",
    
26.     53 : "云南",
    
27.     54 : "西藏",
    
28.     61 : "陕西",
    
29.     62 : "甘肃",
    
30.     63 : "青海",
    
31.     64 : "宁夏",
    
32.     65 : "新疆",
    
33.     71 : "台湾",
    
34.     81 : "香港",
    
35.     82 : "澳门",
    
36.     91 : "国外"
    
37. };
    
38. 
    
39. checktheform = function(cardid) {
    
40. 
    
41.     //var card = document.getElementById(cardid).value;
    
42.     var card = cardid;
    
43.     //是否为空
    
44.     if (card === '') {
    
45.         //alert('请输入身份证号，身份证号不能为空');
    
46.         //document.getElementById(cardid).focus;
    
47.         return false;
    
48.     }
    
49.     //校验长度，类型
    
50.     if (isCardNo(card) === false) {
    
51.         //alert('您输入的身份证号码不正确，请重新输入');
    
52.         //document.getElementById(cardid).focus;
    
53.         return false;
    
54.     }
    
55.     //检查省份
    
56.     if (checkProvince(card) === false) {
    
57.         //alert('您输入的身份证号码不正确,请重新输入');
    
58.         //document.getElementById(cardid).focus;
    
59.         return false;
    
60.     }
    
61.     //校验生日
    
62.     if (checkBirthday(card) === false) {
    
63.         //alert('您输入的身份证号码生日不正确,请重新输入');
    
64.         //document.getElementById(cardid).focus();
    
65.         return false;
    
66.     }
    
67.     //检验位的检测
    
68.     if (checkParity(card) === false) {
    
69.         //alert('您的身份证校验位不正确,请重新输入');
    
70.         //document.getElementById(cardid).focus();
    
71.         return false;
    
72.     }
    
73.     return true;
    
74. };
    
75. 
    
76. //检查号码是否符合规范，包括长度，类型
    
77. isCardNo = function(card) {
    
78.     //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
    
79.     var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
    
80.     if (reg.test(card) === false) {
    
81.         return false;
    
82.     }
    
83. 
    
84.     return true;
    
85. };
    
86. 
    
87. //取身份证前两位,校验省份
    
88. checkProvince = function(card) {
    
89.     var province = card.substr(0, 2);
    
90.     if (vcity[province] == undefined) {
    
91.         return false;
    
92.     }
    
93.     return true;
    
94. };
    
95. 
    
96. //检查生日是否正确
    
97. checkBirthday = function(card) {
    
98.     var len = card.length;
    
99.     //身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
    
100.     if (len == '15') {
     
101.         var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
     
102.         var arr_data = card.match(re_fifteen);
     
103.         var year = arr_data[2];
     
104.         var month = arr_data[3];
     
105.         var day = arr_data[4];
     
106.         var birthday = new Date('19' + year + '/' + month + '/' + day);
     
107.         return verifyBirthday('19' + year, month, day, birthday);
     
108.     }
     
109.     //身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
     
110.     if (len == '18') {
     
111.         var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
     
112.         var arr_data = card.match(re_eighteen);
     
113.         var year = arr_data[2];
     
114.         var month = arr_data[3];
     
115.         var day = arr_data[4];
     
116.         var birthday = new Date(year + '/' + month + '/' + day);
     
117.         return verifyBirthday(year, month, day, birthday);
     
118.     }
     
119.     return false;
     
120. };
     
121. 
     
122. //校验日期
     
123. verifyBirthday = function(year, month, day, birthday) {
     
124.     var now = new Date();
     
125.     var now_year = now.getFullYear();
     
126.     //年月日是否合理
     
127.     if (birthday.getFullYear() == year && (birthday.getMonth() + 1) == month
     
128.             && birthday.getDate() == day) {
     
129.         //判断年份的范围（3岁到100岁之间)
     
130.         var time = now_year - year;
     
131.         if (time >= 3 && time <= 100) {
     
132.             return true;
     
133.         }
     
134.         return false;
     
135.     }
     
136.     return false;
     
137. };
     
138. 
     
139. //校验位的检测
     
140. checkParity = function(card) {
     
141.     //15位转18位
     
142.     card = changeFivteenToEighteen(card);
     
143.     var len = card.length;
     
144.     if (len == '18') {
     
145.         var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8,
     
146.                 4, 2);
     
147.         var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3',
     
148.                 '2');
     
149.         var cardTemp = 0, i, valnum;
     
150.         for (i = 0; i < 17; i++) {
     
151.             cardTemp += card.substr(i, 1) * arrInt[i];
     
152.         }
     
153.         valnum = arrCh[cardTemp % 11];
     
154.         if (valnum == card.substr(17, 1)) {
     
155.             return true;
     
156.         }
     
157.         return false;
     
158.     }
     
159.     return false;
     
160. };
     
161. 
     
162. //15位转18位身份证号
     
163. changeFivteenToEighteen = function(card) {
     
164.     if (card.length == '15') {
     
165.         var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8,
     
166.                 4, 2);
     
167.         var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3',
     
168.                 '2');
     
169.         var cardTemp = 0, i;
     
170.         card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
     
171.         for (i = 0; i < 17; i++) {
     
172.             cardTemp += card.substr(i, 1) * arrInt[i];
     
173.         }
     
174.         card += arrCh[cardTemp % 11];
     
175.         return card;
     
176.     }
     
177.     return card;
     
178. };