脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JQuery表单验证插件EasyValidator用法分析，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

本文实例讲述了jquery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下：

本插件的宗旨是：用户无需写一行JS验证代码，只需在要验证的表单中加入相应的验证属性即可，让验证功能易维护，可扩展，更容易上手。

DEMO中已经包含了常用的正则表达式，可以直接复用，为了考虑扩展性，所以针对不同用户特殊需求，自行写正则吧。

EasyValidator实现的功能：

1.提示功能（在表单或者其他标签中加入tip="想提示的文字"）

如：

代码如下:

<input name="name" tip="请输入你的名字哟~">

&nbsp;

或者

代码如下:

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

 

2. 普通表单验证（在表单中加入reg="正则表达式"）
如：

代码如下:

<input name="username" reg="正则" />

普通表单验证DEMO：https://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：https://easyvalidator.googlecode.com/svn/trunk/extends_demo.html

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。

官方下载地址：https://code.google.com/p/easyvalidator/downloads/list

或者点击此处本站下载。https://www.cnbLOGs.com/jiaoben/32303.html

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

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JQuery表单验证插件EasyValidator用法分析全部内容，希望文章能够帮你解决javascript代码实例教程-JQuery表单验证插件EasyValidator用法分析所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。