Javascript实现的自动验证函数

【 tulaoshi.com - Web开发 】

test.htm
 1!-- #include file="message.inc" --
 2HTML
 3HEAD
 4TITLE 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"
 9script src="common.js"/script
10script src="validate.js"/script
11
12/HEAD
13
14BODY
15FORM 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名称2INPUT TYPE="text" id="txtStr" NAME="txtStr" maxlength="5" feildtype="string" msg="%=IMSG0003%,%=IMSG0004%" mustitem="true"br
26INPUT TYPE="button" value="submit" onclick="validate(); return false;"
27SCRIPT LANGUAGE="JavaScript"
28!--
29//validate()
30//--
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;

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）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.tulaoshi.com/webkaifa/）