网页表单的javascript集成验证方法举例

时间:2010-03-31 17:46:47  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:    原理:           表单验证无非是要对要收集每一条信息进行验证,也就是要写一个名为       frmValid的javascript函数,在其中执行如下操作:             ...    ...
  正文:作为一名Web设计人员、一名Coder,你是否已经厌倦了网页设计中的表单验证问
题?不厌其烦的拷贝 if(x) { alert('wrong');} ,还是使用一个难以尽和我意的
IDE ?好吧,让我来告诉你一种比较lazy的写法,你也许就不会对表单验证那么头大
了……
    原理:
           表单验证无非是要对要收集每一条信息进行验证,也就是要写一个名为
       frmValid的JavaScript函数,在其中执行如下操作:
             ...
             if (待验证条目 不符合条件)
             {
                  alert('出错了!');
                  待验证条目.focus();
                  return false;
             }
             ...
             // all right
             return true;
           当然,<form ... onsubmit='return frmValid()'>必须包含在
       HTML代码中。想想看,待验证条目越多代码越长,也就越容易出错。
           下面我们把验证条目放到一个数组里,如下:
             elemArray = new Array(
                 '待验证条目名',
                 '验证条件',
                 '出错提示');
           那么验证代码将大大精简,我们只要如下使用循环就可实现上述冗长
       代码时下的功能,这里我们用with和eval语句构造判断条件:
             with(eval('obj.'+elems[i][0]))
             {
                 if(eval(elems[i][1]))
                 {
                     window.alert(elems[i][2]);
                     focus();
                     return false;
                 }
             }
           我们建立多位数组就可实现循环遍历每个条目:
             elems = new Array(
                 new Arrary( ...),
                 ... "网页表单的javascript集成验证方法举例"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/13421.html


关键字:

关于《网页表单的javascript集成验证方法举例》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td