根据自定类型，采用JAVASCRIPT方便进行数据完整性验证，所有页面都可以通用

页面输入完整性是编写BS经常遇到的问题，如果那里需要就到那里写，那可是要花不少的时候，并且造成不必要的浪费，下面是一个通过校验脚本，使用非常方便，通过传入FORM名就可以进行校验，通过在页面控件中增加用户本身自定义属性，进行方便的验证，包括数字的输入、密码的输入、EMAIL的输入，用户本身可以进行无限的扩展，使用如下，在页面中加入如下代码：

1. <form name="form1">
2.     <input type="text" name="t1" req="0" size="20"><br>
3.     <input type="text" name="t2" req="0" size="20"><br>
4.     <input type="text" name="t3" req="0" size="20"><br>
5.     <input type="text" name="t4" req="1" size="20"><br>
6.     <input type="text" name="t5" req="1" customtype="email" displayname="电子邮件" size="20"><br>
7.     <input type="button" name="bt" value="check" onclick="checkForm(document.form1)">
8. </form>

并在页头加以包含以下代码的JS脚本：

1. var customtypes = new Array("num","plus","int","email","link","password","name","date","money","date8");
2. var custommessage = new Array(
3.     "不是一个有效的数字。",
4.     "不是一个有效的正整数。",
5.     "不是一个有效的整数。",
6.     "不是一个有效的电子邮件地址。",
7.     "不是一个有效的链接，请确认输入了完整的地址，例如http://www.cnlist.com。",
8.     "不是一个有效的密码，密码只能使用字母、下划线与数字，不能包含符号与空格。",
9.     "不是一个有效的名称，名称只能使用字母、下划线与数字，不能包含符号与空格。",
10.     "不是一个有效的日期。",
11.     "不是一个有效的money格式。",
12.     "不是一个有效的8位日期，如：20050801。"
13. );
14. function checkForm(oForm){
15.   window.event.returnValue = false;
16. 
    
17.   for (var i=0;i<oForm.all.tags("input").length;i++){
18.     var ele = oForm.all.tags("input")[i];
19.     var ct = ele.getAttribute("customtype");
20.     var req = ele.getAttribute("req");
21.     var dn = ele.getAttribute("displayname");
22.     if (null == dn){
23.       dn = ele.name;
24.     }
25.     dn = "“" + dn + "”";
26.     
27.     if(ele.value!=null){
28.         ele.value = ele.value.replace(/%/g, "％");
29.     }
30. 
    
31.     var nr = new String(ele.value);
32.     if ("1" == req){
33.       if (nr.length < 1){
34.         alert(dn + "不可以省略，请重新输入。");
35.         //ele.focus();
36.         focusIt(ele);
37.         return false;
38.       }
39.     }
40.     if((''==req || '0' ==req || null==req) && (ele.value == "")) continue;//不必要且没有输入时，下一个
41.     
42.     if ((("" == req)||(null == ct)) &&(ele.value == "")) continue;
43. 
    
44.     //检查自定义类型
45.     //纠正自定义类型在req不等于1时仍要求输入的bug
46.     if (("1" == req) || (nr.length > 0)) {
47.     for (var j=0;j<customtypes.length;j++){
48.       if (ct == customtypes[j]){
49.           if(ct=="money"){
50.               eval("var rtn = check_" + customtypes[j] + "(ele);");
51.           }else{
52.               eval("var rtn = check_" + customtypes[j] + "(ele.value);");
53.           }
54.         
55.         if (!rtn){
56.           alert(dn + custommessage[j]);
57.           //ele.focus();
58.           focusIt(ele);
59.           return false;
60.         }
61.       }
62.     }
63.   }
64.   }
65.   window.event.returnValue = true;
66.   return true;
67. }
68. function check_money(s) {
69.     s.value=s.value.replace(/,/g, "")
70.     var re = /^(/+|-)?/d+(./d+)?$/i;
71.     return re.test(s.value);
72. }
73. 
    
74. function check_email(s){
75.   var re = /^/w+@(/w)+((.(/w)+)+)?$/i;
76.   return re.test(s);
77. }
78. 
    
79. function check_num(s){
80.   var re = /^(/+|-)?/d+(./d+)?$/i;
81.   return re.test(s);
82. }
83. 
    
84. function check_int(s){
85.   var re = /^(/+|-)?/d+$/i;
86.   return re.test(s);
87. }
88. 
    
89. function check_plus(s) {
90.   var re = /^[1-9]/d*$/i
91.   return re.test(s);
92. }
93. 
    
94. function check_link(s){
95.   var re = /^(http|mailto|ftp|https|telnet)://{2}/i;
96.   return re.test(s);
97. }
98. 
    
99. function check_password(s){
100.   var re = /^/w+$/i;
101.   return re.test(s);
102. }
103. 
     
104. function check_name(s){
105.   return check_password(s);
106. }
107. 
     
108. function check_date8(DateString){
109.    return isDateEight(DateString);
110. }
111. //日期检测
112. function check_date(DateString){
113.   if (DateString==null) return false;
114.   if (Dilimeter=='' || Dilimeter==null)
115.   var Dilimeter = '-';
116.     if (Dilimeter.indexOf("/")>0)
117.   {
118.         Dilimeter="/";
119.     }
120.   var tempy='';
121.   var tempm='';
122.   var tempd='';
123.     var tempH="";
124.     var tempM="";
125.     var tempS="";
126.     var tempymd="";
127.     var temphms="";
128.   var tempArray;
129.   if (DateString.length<8 && DateString.length>19) {
130.       return false;
131.     }
132.     if (DateString.indexOf(" ")>0)
133.     {
134.         temp=DateString.split(" ");
135.         tempymd=temp[0];
136.         temphms=temp[1];
137.     }
138.     else
139.     {
140.         tempymd=DateString;
141.         temphms="00:00:00";
142.     }
143.   tempArray = tempymd.split(Dilimeter);
144.   if (tempArray.length!=3) {
145.       return false;
146.     }
147.   if (tempArray[0].length==4)
148.   {
149.     tempy = tempArray[0];
150.     tempd = tempArray[2];
151.         tempm = tempArray[1];
152.   }
153.   else
154.   {
155.     tempy = tempArray[2];
156.     tempd = tempArray[1];
157.         tempm = tempArray[0];
158.   }
159.     tempArray = temphms.split(":");
160.     if (tempArray.length>3  || tempArray.length<2) {
161.         return false;
162.     }
163.     switch (tempArray.length) {
164.         case 2:
165.             tempH=tempArray[0];
166.             tempM=tempArray[1];
167.             tempS="00";
168.             break;
169.         case 3:
170.             tempH=tempArray[0];
171.             tempM=tempArray[1];
172.             tempS=tempArray[2];
173.             break;
174.     }
175.     var tDateString = tempy + '/'+tempm + '/'+tempd+' '+tempH+":"+tempM+":"+tempS;
176.     var tempDate = new Date(tDateString);
177.     if (isNaN(tempDate)) {
178.         return false;
179.     }
180.   if ((tempDate.getYear().toString()==tempy || tempDate.getYear()==parseInt(tempy,10)-1900) 
181.     && (tempDate.getMonth()==parseInt(tempm,10)-1) 
182.     && (tempDate.getDate()==parseInt(tempd,10)) 
183.     && (tempDate.getHours().toString()==parseInt(tempH,10)) 
184.     && (tempDate.getMinutes().toString()==parseInt(tempM,10)) 
185.     && (tempDate.getSeconds().toString()==parseInt(tempS,10)))
186.   {
187.     return true;
188.   }
189.   else
190.   {
191.         alert('tDateString='+tDateString);
192.     return false;
193.   }
194. }
195. //激活输入组件的焦点
196. function focusIt(obj){
197.   try{
198.     var ele = mtb;
199.   }catch(e){
200.         try{
201.                 obj.focus();
202.             return;
203.             }catch(e){
204.             return;
205.             }
206.   }
207.   for (var i=0;i<ele.length;i++){
208.     swH(i);
209.         try{
210.         obj.focus();
211.         }catch(e){
212.         continue;
213.         }
214.         break;
215.   }
216.   try{
217.     obj.focus();
218.   }catch(e){
219.     return false;
220.   }return true;
221. }

 

本文出自：冯立彬的博客