知识大全 网页表单的javascript集成验证方法举例

Posted 知

篇首语：天才与凡人只有一步之隔，这一步就是勤奋。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 网页表单的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][ ]))                              if(eval(elems[i][ ]))                                      window alert(elems[i][ ]);                     focus();                     return false;                                         我们建立多位数组就可实现循环遍历每个条目              elems = new Array(                 new Arrary( )                                );             for(i = ; i < elems length; i++)                              // 上面的验证语句                     实战         使用如下例子编写验证脚本 <SCRIPT LANGUAGE= javascript type= text/javascript >//// Function: frmValid// // Author    hongz// Usage:    YourForm onsubmit= return frmValid(this) // Purpose:  To validate form elements in an integrated way //function frmValid(obj)    // Elements array initialization for validation    elems = new Array(        new Array(            username   // name of elements to be validated            value length< || value search(/[^a zA z _]/)>=                           // validation condition            无效的用户名:只能输入 位字母 数字 下划线的组合! )                          // prompt on failure        new Array(            password              value length< || value search(/[^a zA z _]/)>=              无效的密码:只能输入 位字母 数字 下划线的组合! )         new Array(            email              isMail(value)==false              Email是您在网上的重要联络工具 请务必正确填写! )    );    // Validate here using eval statement     for(i = ; i < elems length; i++)            with(eval( obj +elems[i][ ]))                    if(eval(elems[i][ ]))                            window alert(elems[i][ ]);                focus();                return false;                            return true;// ></SCRIPT>        为form添加onsubmit属性            <form onsubmit= return frmValid(this) >    如果你感觉我的方法还行的话 那我欢迎你使用 呵呵…… cha138/Article/program/Java/JSP/201311/19666

相关参考

知识大全 网页里嵌入JavaScript验证空，汉字，字母，数字长度输入

网页里嵌入JavaScript验证空，汉字，字母，数字长度输入  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来

知识大全 在表单提交前进行验证的几种方式整理

为了减轻后台压力可以利用JavaScript在表单提交前对表单数据进行验证本文整理了常用的几种方式有需求的朋友可以参考下 　　在表单提交前进行验证的几种方式在Django中为了减轻后台压力可

知识大全 javascript弹出窗口问题总结

无提示刷新网页　　大家有没有发现有些网页刷新的时候会弹出一个提示窗口点确定才会刷新而有的页面不会提示不弹出提示窗口直接就刷新了如果页面没有form则不会弹出提示窗口如果页面有form表单　　a)<

知识大全 高级表单验证－针对多次提交表单

每个开发人员面对的困难是预测用户能够或是将要做什么这对于网络开发人员来说就更为困难因为他的预测必须考虑到Web的多样性和缺乏真正的session控制机制如果你已经创建过一个使用表单的ASP应用程序也许

知识大全 Javascript控制显示表单个数

Javascript控制显示表单个数  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　<&g

知识大全 Struts表单验证设计指南

Struts表单验证设计指南  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　要在Struts项目

知识大全 struts资源文件验证表单代码

   一 form表单必须要实现继承validateForm并且不能实现validate方法不然会默认使用validate方法验证  &nb

知识大全 javascript检查表单数据是否改变的方法

需要检查用户是否修改了一个表单中的内容可以使用本文提供的方法如果修改了表单的内容则返回true没修改则返回false有需求的朋友可以参考下 　　有的时候需要检查用户是否修改了一个表单中的内容

知识大全 Javascript中CTRL+回车提交表单

Javascript中CTRL+回车提交表单  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！<

知识大全 一段表单JS验证代码

一段表单JS验证代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　<scriptLang