jquery 表单检验插件

《jquery 表单检验插件》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jQuery表单检验插件ezvalidator1.1作者：月影2009年3月于北京前言你，像一阵春风不经意吹过我的心田带来了春的信息你，像一场细雨在我心灵干枯的时候降临无声地滋润着我的心田于是，我心中充满了感激的心情。感谢你我的朋友自从2008年接触了jQuery后,就被它的简洁通俗强大的用法所折服,jQuery的作者将很棘手的一些问题,用更接近自然思维的方式解决,在B/S开发中,实在是一个相当优秀的JavaScript框架。在B/S开发中，遇到复杂的表单，难免会使用到客户端的JavaScript验证，我也曾经在网

2、络上找到jQueryValidationPlugins,但是很快发现，它有几个问题：１.你必须为每个表单重定义一个验证规则，得写一大堆JavaScript代码来实现你的验证，如果你的系统表单非常多，那么要写的JavaScript代码就非常多了，实在是一件重复劳动。２.对于不太懂JavaScript的前台美工，是无法使用的（因为要写大量JavaScript代码）针对以上问题，参照“我是佛山人”的验证原理，在2008年为phpcms2008(www.Ku6.com)编写新一代轻量级(LightHeight)的客户端验证

3、框架时，着重解决了验证复杂度，并将其打包成jQuery的一个插件。现在，对于即使不懂JavaScript的前台美工，也可以在不编写JavaScript逻辑代码的情况下，实现强大的验证效果。结果投入使用后，均达到了非常好的效果，在此对“我是佛山人”表示感谢！其中Ajax验证由恐龙蛋编写，特此声明，不敢独揽功劳。１.前台美工人员不需要编写JavaScript代码，只要按约定手册给表单元素设置好相关属性，即可实现自动验证，如:

4、ry.validator.js">如此，即可实现验证效果了，当文本框失败焦点(onblur)的时候，如果文本框为空，则会在其其后提示“不能为空”。2.目前支持以下条件验证：不能为空require电子邮件地址email电话号码（支持分机号）phone

5、手机号码mobileurl地址url身份证号码idCard货币currency正整数number邮编zipIP地址ipQQ号码（新版的QQ帐号可使用Email,建议使用正则自定义验证）qq正负整数integer小数double英文字母english纯汉字chinese用户名(数字及字母组合的字符串)userName安全字符串（不能包含!#<>?*$+-=@%.*{}()

6、/~^等字符的串）isSafe输入长度限制（即输入长度必须在一定范围内）limit/limitB日期date密码重复匹配repeat整数或小数值

7、必须在一定范围内（比如年龄必须在18至60岁之间）range数值比较（比如年龄必须大于18,但没有上限/至多购买100件等等，不能为0,必须为1等等，相当于只有一边范围的）compare复选框必须选中m到n个group下拉框必须选中compare/requireAjax服务器端检验ajax自定义正则表达式custom多条件组合验证require

8、limit3.兼容IE6/IE7/FireFox/Safari/Opera主流浏览器第一节如何使用ezvalidator基本jquery扩展，所以，你得在你的web页面中加

9、载jquery库及validator库，在与之间加入以下代码：接下来，就是定义你的表单然后，在这个表单后面加上验证语句

10、:这样，就实现了最基本的验证--不能为空。现在，当文本框失去焦点，或点击提交的时候，，如果值为空，则阻止提交表单，是不是很好用？但要注意的是上面的文本框的属性中多了几项：require/datatype/msg本插件就是依靠这几个自定义的属性来达到验证效果的，要达到验证，这三项是必