来源:自学PHP网 时间:2014-11-29 13:28 作者: 阅读:次
[导读] 这篇文章主要介绍了JQuery表单验证插件EasyValidator用法,以实例形式系统分析了EasyValidator的功能特性及具体用法,是非常实用的jQuery插件,需要的朋友可以参考下...
本文实例讲述了JQuery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下: 本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。 DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧。 EasyValidator实现的功能: 1.提示功能(在表单或者其他标签中加入tip="想提示的文字") 如: 复制代码 代码如下: <input name="name" tip="请输入你的名字哟~">
或者 复制代码 代码如下: <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。 由于这种情况的特殊性,所以用户得自己写业务逻辑代码,官方已经提供了extendsValidate扩展函数,在里面写自己的逻辑代码即可。 扩展函数表单验证DEMO:http://easyvalidator.googlecode.com/svn/trunk/extends_demo.html BUG修复日志: 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://www.jb51.net/jiaoben/32303.html 在线正则验证器:http://regexpal.com/ 希望本文所述对大家的web程序设计有所帮助。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com