开发学院网页设计 JavaScript Javascript实现的自动验证函数阅读

Javascript实现的自动验证函数

　2007-04-06 19:56:26　来源：WEB开发网　　　

核心提示：test.htm 1 2<HTML> 3<HEAD> 4<TITLE> New Document </TITLE> 5 <meta http-equiv=&qu

test.htm
1
2<HTML>
3<HEAD>
4<TITLE> New Document </TITLE>
5　 <meta http-equiv="content-type" content="text/html; charset=shift_jis" />
6　 <meta http-equiv="PRagma" content="no-cache">
7　 <meta http-equiv="cache-control" content="no-cache">
8　 <meta http-equiv="expires" content="0">
9<script src="common.js"></script>
10<script src="validate.js"></script>
11
12</HEAD>
13
14<BODY>
15<FORM METHOD=POST ACTION="">
16ＩＤ<INPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",<%=IMSG0002%>" ><br>
17ＩＤ<INPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",<%=IMSG0002%>" ><br>
18ＩＤ<INPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",<%=IMSG0002%>" ><br>
19ＩＤ<INPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",<%=IMSG0002%>" ><br>
20
21名称<INPUT TYPE="text" id="txtString" NAME="txtString" maxlength="5" feildtype="string" msg="<%=IMSG0003%>,<%=IMSG0004%>" mustitem="true"><br>
22名称<INPUT TYPE="text" id="txtString" NAME="txtString" maxlength="5" feildtype="string" msg="<%=IMSG0003%>,<%=IMSG0004%>" mustitem="true"><br>
23名称<INPUT TYPE="text" id="txtString" NAME="txtString" maxlength="5" feildtype="string" msg="<%=IMSG0003%>,<%=IMSG0004%>" mustitem="true"><br>
24
25名称2<INPUT TYPE="text" id="txtStr" NAME="txtStr" maxlength="5" feildtype="string" msg="<%=IMSG0003%>,<%=IMSG0004%>" mustitem="true"><br>
26<INPUT TYPE="button" value="submit" >
27<SCRIPT LANGUAGE="javaScript">
28
31</SCRIPT>
32</FORM>
33</BODY>
34</HTML>
35
validate.js
1function validate(){
2
3　 //var objs = document.all;
4　 //var Elements = document.getElementsByTagName("*");
5　 var Elements;
6　 var ctlArray;
7　 var ctlArrayName;
8　 var i, j;
9　 var elLen, arrLen;
10　 var msgs;
11
12　 Elements = document.getElementsByTagName("input");
13　 arrName ="";
14
15　 for ( i in Elements ) {
16　 elLen = Elements[i].length;
17
18　　　 if (elLen > 1) {
19　　　　　 ctlArray = Elements[i];
20　　　　　 arrLen = ctlArray.length;
21
22　　　　　 if (arrName != ctlArray[0].name) {
23　　　　　　　 arrName = ctlArray[0].name;
24
25　　　　　　　 for (j=0; j < arrLen; j++) {
26　　　　　　　　　 if (checkValue(ctlArray[j]) == false) {
27　　　　　　　　　　　 return false;
28　　　　　　　　　 }
29　　　　　　　 }
30
31　　　　　 }
32
33　　　 }else{
34
35　　　　　 if (checkValue(Elements[i]) == false) {
36　　　　　　　 return false;
37　　　　　 }
38　　　 }
39　 }
40
41　 return true;
42}
43
44function checkValue (obj){
45
46　 var len;
47　 len = obj.maxLength;
48
49　 if ( obj.type == "text" ) {
50
51　　　 //if (obj.msg != undefined ) {
52　　　 if ( obj.msg ) {
53　　　　　 msgs = obj.msg.split(",");
54　　　 } else {
55　　　　　 return true;
56　　　 }
57
58　　　 if ( trim(obj.value) == "" && obj.mustitem && obj.mustitem == "true") {
59　　　　　 alert(msgs[0]);
60　　　　　 getFocusSelect(obj);
61　　　　　 return false;
62　　　 }else {
63
64　　　　　 if ( trim(obj.value) != ""&& obj.feildtype && obj.feildtype == "integer" ) {
65
66　　　　　　　 if ( checkNumLen(obj.value, len) == false ) {
67　　　　　　　　　 alert(msgs[1]);
68　　　　　　　　　 getFocusSelect(obj);
69　　　　　　　　　 return false;
70　　　　　　　 }
71
72　　　　　 } else if ( trim(obj.value) != "" && obj.feildtype && obj.feildtype == "string" ) {
73
74　　　　　　　 if ( getLenthByByte(trim(obj.value)) > len){
75　　　　　　　　　 alert(msgs[1]);
76　　　　　　　　　 getFocusSelect(obj);
77　　　　　　　　　 return false;
78　　　　　　　 }
79　　　　　 }
80　　　 }
81　 }
82
83}

message.inc 1<%
2Const IMSG0001 = "ID必须输入！"
3Const IMSG0002 = "ID输入格式错误！"
4Const IMSG0003 = "名称必须输入！"
5Const IMSG0004 = "名称输入格式错误！"
6%>
http://www.cnblogs.com/meil/archive/2007/04/05/700772.html