Javascript实现的自动验证函数

2016-02-19 15:40 4 1 收藏

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

【 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=""
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://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%

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1610157.html

延伸阅读
标签: autocad教程
关键字: AutoCAD 2009 Photoshop手绘 AutoCAD对象 中望CAD AutoCAD三维造型本文是探讨与设计验证相关的各种问题以及公司如何有效管理该过程,使其实现自动化,以避免成为推迟产品上市时间或对产品质量造成负面影响的瓶颈。 随着CAD 建模技术变得越来越先进,基于参数化特征的建模以及同步建模技术等突破性技术的应用变得更加广泛,...
标签: Web开发
函数为程序设计人员提供了一个丰常方便的能力。通常在进行一个复杂的程序设计时,总是根据所要完成的功能,将程序划分为一些相对独立的部分,每部分编写一个函数。从而,使各部分充分独立,任务单一,程序清晰,易懂、易读、易维护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实...
标签: Web开发
作者:F. Permadi 译者:Sheneyan(子乌) 英文原文: INTRODUCTION TO JavaScript Functions 中文译文(包括示例):javascript的函数 子乌注:一篇相当不错的function入门文章,个人感觉相当经典。 词语翻译列表: function:函数(Function未翻译) declare:定义 assign:指派,分配 functionbody:函数体(就是函数的内容) object:对象 prop...
标签: Web开发
     此前,我曾经写过一个基于JQuery的表单校验 validator.js ,用了一段时间发现出现了一些问题。与大家互相探讨一下。 version: alpha 1.0 举其中一个验证函数为例: ...... function CheckNull(obj, objname){     $(obj).ready( function(){            ...
不管是动态网站,还是其它B/S结构的系统,都离不开表单 表单做为客户端向服务器提交数据的载体担当相当重要的角色. 这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据 保证所提交的数据是合法的.所以,我们写了一个大堆的验证函数.当我们开始新的一个 项目的开发时,我们又得写一大堆的验证函数,然后再调试这一大堆的函数.....

经验教程

366

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部