首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery表单应验插件EasyValidator,超级简单易用

2012-11-13 
JQuery表单验证插件EasyValidator,超级简单易用!?? ?或者?? ?a hrefhttp://wangking717.iteye.com/blog

JQuery表单验证插件EasyValidator,超级简单易用!

?? ?或者

?? ?<a href="http://wangking717.iteye.com/blog/769021" tip="到EasyValidator官方主页来" target="_blank">有疑惑可以到这里提问</a>


2. 普通表单验证(在表单中加入reg="正则表达式")
??? 如: <input name="username" reg="正则" />
??? 普通表单验证DEMO:http://easyvalidator.googlecode.com/svn/trunk/index.html


3. AJAX表单验证(在表单中加入url="验证系统地址")
??? 如: <input name="username" url="地址" />
??? AJAX验证DEMO:没有在线演示,请在本地运行ajax_demo.html,请求远程的PHP文件,当然可以为JSP或者ASP,我这里在程序里预设了一些已存在的数据,用户可以自行参考。


4. 普通表单验证 +? AJAX表单验证 (普通验证通过以后,再进行AJAX验证)
??? 如: <input name="username" reg="正则" url="地址" />


5. 扩展函数表单验证(某些业务特殊需求):
??? 这些特殊需求都是根据业务来的,这里列举一下这样的情况:
??? 1.checkbox选择框数量验证,如限制别人至少选择1个,最多选择5个checkbox。
??? 2.多个表单之间进行比较,如【开始时间表单】一定小于等于【结束时间表单】或者两个密码表单要相等,用于注册的时候,等等。

由于这种情况的特殊性,所以用户得自己写业务逻辑代码,官方已经提供了extendsValidate扩展函数,在里面写自己的逻辑代码即可。
扩展函数表单验证DEMO:http://easyvalidator.googlecode.com/svn/trunk/extends_demo.html



JQuery表单应验插件EasyValidator,超级简单易用

BUG修复日志:
2010-9-24 : 修复同一页多个FORM提交BUG ,TIP错位BUG
2010-9-26 : 新增bgiframe插件, 修复IE6下TIP 遮罩不了 SELECT表单
2010-9-27 : 增加扩展API,并重构核心库

2011-1-1 ? : 将表单验证的TIP独立出来,让TIP,URL,REG成为单独的组建而存在,更加灵活!

2011-1-28 : 修改了AJAX的TIP纠错BUG,逻辑修改,并且将AJAX的请求的远程程序validate_user.php的编码设置GB2312。

?

最新下载地址:http://code.google.com/p/easyvalidator/downloads/list

?

在线正则验证器:http://regexpal.com/




或者也可以说是能不能消除掉上次验证的结果? 145 楼 diqye 2012-07-17   我把你的插件改进了 下----不介意吧
添加常用数据类型这样就不用每次都输入正则表达式了
        更改样式出错的样式,模仿Eclipse红色波浪线
更改提示框的显示方式        
        为Form添加属性:success 和faild属性 参考下句
        为每一个验证元素都增加了一个success 和faild属性 用来验证失败执行的代码
        添加自定义验证 check属性 在这个属性里可以写自己的代码来验证复杂的验证 146 楼 hp3325 2012-07-20   diqye 写道我把你的插件改进了 下----不介意吧
添加常用数据类型这样就不用每次都输入正则表达式了
        更改样式出错的样式,模仿Eclipse红色波浪线
更改提示框的显示方式        
        为Form添加属性:success 和faild属性 参考下句
        为每一个验证元素都增加了一个success 和faild属性 用来验证失败执行的代码
        添加自定义验证 check属性 在这个属性里可以写自己的代码来验证复杂的验证
分享一下改过的代码和示例呀,hp3325@163.com 147 楼 anyf 2012-07-29   如何结合jquery.form.js的ajaxSubmit方法使用的, 148 楼 longaohun 2012-09-01   如果统一设置input[type=text]的样式的,插件会错误样式就不起作用

热点排行