使用javaSCRipT进行数据完整性验证

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

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

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

1. varcustomtypes=newArray("num","plus","int","email","link","passWord","name","date","money","date8");
2. varcustommessage=newArray(
3. "不是一个有效的数字。",
4. "不是一个有效的正整数。",
5. "不是一个有效的整数。",
6. "不是一个有效的电子邮件地址。",
7. "不是一个有效的链接，请确认输入了完整的地址，例如http://www.cnlist.com。",
8. "不是一个有效的密码，密码只能使用字母、下划线与数字，不能包含符号与空格。",
9. "不是一个有效的名称，名称只能使用字母、下划线与数字，不能包含符号与空格。",
10. "不是一个有效的日期。",
11. "不是一个有效的money格式。",
12. "不是一个有效的8位日期，如：20050801。"
13. );
14. functioncheckForm(oForm){
15. window.event.returnValue=false;
17. for(vari=0;i<oForm.all.tags("input").length;i++){
18. varele=oForm.all.tags("input")[i];
19. varct=ele.getAttribute("customtype");
20. varreq=ele.getAttribute("req");
21. vardn=ele.getAttribute("displayname");
22. if(null==dn){
23. dn=ele.name;
24. }
25. dn="“"+dn+"”";
27. if(ele.value!=null){
28. ele.value=ele.value.replace(/%/g,"％");
29. }
31. varnr=newString(ele.value);
32. if("1"==req){
33. if(nr.length<1){
34. alert(dn+"不可以省略，请重新输入。");
35. //ele.focus();
36. focusIt(ele);
37. returnfalse;
38. }
39. }
40. if((''==req||'0'==req||null==req)&&(ele.value==""))continue;//不必要且没有输入时，下一个
42. if(((""==req)||(null==ct))&&(ele.value==""))continue;
44. //检查自定义类型
45. //纠正自定义类型在req不等于1时仍要求输入的bug
46. if(("1"==req)||(nr.length>0)){
47. for(varj=0;j<customtypes.length;j++){
48. if(ct==customtypes[j]){
49. if(ct=="money"){
50. eval("varrtn=check_"+customtypes[j]+"(ele);");
51. }else{
52. eval("varrtn=check_"+customtypes[j]+"(ele.value);");
53. }
55. if(!rtn){
56. alert(dn+custommessage[j]);
57. //ele.focus();
58. focusIt(ele);
59. returnfalse;
60. }
61. }
62. }
63. }
64. }
65. window.event.returnValue=true;
66. returntrue;
67. }
68. functioncheck_money(s){
69. s.value=s.value.replace(/,/g,"")
70. varre=/^(/+|-)?/d+(./d+)?$/i;
71. returnre.test(s.value);
72. }
74. functioncheck_email(s){
75. varre=/^/w+@(/w)+((.(/w)+)+)?$/i;
76. returnre.test(s);
77. }
79. functioncheck_num(s){
80. varre=/^(/+|-)?/d+(./d+)?$/i;
81. returnre.test(s);
82. }
84. functioncheck_int(s){
85. varre=/^(/+|-)?/d+$/i;
86. returnre.test(s);
87. }
89. functioncheck_plus(s){
90. varre=/^[1-9]/d*$/i
91. returnre.test(s);
92. }
94. functioncheck_link(s){
95. varre=/^(http|mailto|ftp|https|telnet)://{2}/i;
96. returnre.test(s);
97. }
99. functioncheck_password(s){
100. varre=/^/w+$/i;
101. returnre.test(s);
102. }
104. functioncheck_name(s){
105. returncheck_password(s);
106. }
108. functioncheck_date8(DateString){
109. returnisDateEight(DateString);
110. }
111. //日期检测
112. functioncheck_date(DateString){
113. if(DateString==null)returnfalse;
114. if(Dilimeter==''||Dilimeter==null)
115. varDilimeter='-';
116. if(Dilimeter.indexOf("/")>0)
117. {
118. Dilimeter="/";
119. }
120. vartempy='';
121. vartempm='';
122. vartempd='';
123. vartempH="";
124. vartempM="";
125. vartempS="";
126. vartempymd="";
127. vartemphms="";
128. vartempArray;
129. if(DateString.length<8&&DateString.length>19){
130. returnfalse;
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. returnfalse;
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. returnfalse;
162. }
163. switch(tempArray.length){
164. case2:
165. tempH=tempArray[0];
166. tempM=tempArray[1];
167. tempS="00";
168. break;
169. case3:
170. tempH=tempArray[0];
171. tempM=tempArray[1];
172. tempS=tempArray[2];
173. break;
174. }
175. vartDateString=tempy+'/'+tempm+'/'+tempd+''+tempH+":"+tempM+":"+tempS;
176. vartempDate=newDate(tDateString);
177. if(isNaN(tempDate)){
178. returnfalse;
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. returntrue;
188. }
189. else
190. {
191. alert('tDateString='+tDateString);
192. returnfalse;
193. }
194. }
195. //激活输入组件的焦点
196. functionfocusIt(obj){
197. try{
198. varele=mtb;
199. }catch(e){
200. try{
201. obj.focus();
202. return;
203. }catch(e){
204. return;
205. }
206. }
207. for(vari=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. returnfalse;
220. }returntrue;
221. }