Javascript实现的自动验证函数

1640022185liu

1640022185liu

2016-02-19 15:40

下面,图老师小编带您去了解一下Javascript实现的自动验证函数,生活就是不断的发现新事物,get新技能~

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=""
16IDINPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",%=IMSG0002%" br
17IDINPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",%=IMSG0002%" br
18IDINPUT TYPE="text" id="txtInt" NAME="txtInt" maxlength="6" feildtype="integer" msg=",%=IMSG0002%" br
19IDINPUT 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;

(本文来源于图老师网站,更多请访问https://m.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%

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

Javascript实现的自动验证函数

Web开发
Javascript实现的自动验证函数

javascript 验证日期的函数

Web开发
javascript 验证日期的函数

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javascript trim()函数实现

Web开发
Javascript trim()函数实现

Javascript实现的分页函数

Web开发
Javascript实现的分页函数

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

详解Javascript trim()函数实现

Web开发
详解Javascript trim()函数实现

JavaScript实现Sleep函数的代码

Web开发
JavaScript实现Sleep函数的代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何使用oracle的decode函数进行多值判断

如何使用oracle的decode函数进行多值判断

JAVA连接Oracle的代码

JAVA连接Oracle的代码
下拉加载更多内容 ↓