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.coding.io/

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.coding.io/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://coding.net/u/wangking/p/EasyValidator/git/branches

 

有人说找不到下载地址。这里提供图例供参考：

 

 

在线正则验证器：http://tool.chinaz.com/regex/

评论

135 楼 zhq991 2011-09-22  

只输入TIP无法显示  必须要加上正则 才能显示 

134 楼 zhq991 2011-09-22  

还有一个就是 发现tip不能及时跟踪当前指向的DOM元素。。。你点这个时候还显示上一个接触过的TIP  需要改进。。。

133 楼 zhq991 2011-09-22  

TIP要是是HTML就无法显示、、但是 在js内部写html语法就能显示。。。 不显示然后就在最下面的<p>显示出来了。。

132 楼 walker944 2011-09-05  

请问博主，如果需要判断几个域中，至少有一个不为空，应该怎么写呢，谢谢了！

131 楼 erikchang 2011-09-05  

IE6下提示图片没有透明？有没有解决办法

130 楼 cjy11520 2011-08-09  

密码确认 要提交才显示出错··

129 楼 sanbo49 2011-08-04  

128 楼 sanbo49 2011-08-04  

有BUG，不知道怎么发图
在form最下面，左边，会多出一个tip层

127 楼 mfkvfn 2011-07-21  

332602833 写道

非常不错的插件，请问下，我验证数字的时候，怎样同时验证数字大小呢？

比如必须填写2位数字且必须小于30.


自己搞定了哈  用正则  reg="^(([0-9]{1})|(10))$"

为什么不这样呢^[12]\d$表示10-29

楼主的东西不错，写起来比jQuery的validation简单多了。

126 楼 zxingchao2005 2011-07-07  

ajax校验和普通校验混在一起是有问题的，只要ajax返回success，普通校验压根就不起作用。应该是普通校验过了之后再触发ajax校验吧，希望修正这个bug
另外最好通过验证的那些表单，弹出层得提示应该去掉

125 楼 likejian 2011-07-05  

楼主你好 
你做得 真不错
想问你个问题
如果那个控件  是我动态创建出来的  好像就验证不了啊！！？？

124 楼 xiaomaha 2011-06-27  

下来用下哈哈·

123 楼 261667318 2011-06-23  

楼主见谅我刚学ajax.你写的那个validator_php我大概懂什么意思，但是我不太会php。能否提示下java的ajax怎么写，比如我想联合struts2使用，在url中能否写某个action的地址，指定某个方法，然后提示出相关的错误信息呢？就比如你在php中echo "用户名不能为空！"和echo "改用户名已被注册！";我在某个action的execute方法中能否直接返回这种字符串，如果通过则返回success。谢谢

122 楼 洁宝儿 2011-06-17  

前一段时间学习的Ext JS,现在看来jQuery的功能同样强大啊

121 楼 venus224 2011-06-16  

请问一下,如果用图片的onclick事件进行提交form.

<img src="images/main/ok.gif" width="37" height="18" style="cursor:pointer" onclick="doSure()"></img>

function doSure()
{
jQuery.post("addFlowDefine.action", $("form").serialize(),addFlowDefineCallback, "json");
	}

如何对此提交进行较验?谢谢!

120 楼 wangking717 2011-05-28  

ganzhou999 写道

感谢lz分享，东东很好用，已经用上了，呵呵

请教2问题：
如何在asp.net文本等控件中加上reg、tip等属性？

请不用试用.NET自己的文本控件，使用HTML原生态的标签哈。

119 楼 ganzhou999 2011-05-28  

感谢lz分享，东东很好用，已经用上了，呵呵

请教2问题：
如何在asp.net文本等控件中加上reg、tip等属性？

118 楼 Stop孤独 2011-05-19  

手动递交表单怎么使验证有用？

117 楼 njl_041x 2011-05-07  

不错的验证插件。这里我有个问题想请楼主帮助。
我的表单上有两个服务器端button，一个查询，一个提交。提交时是要验证的，查询时是不要验证的，但因为是服务器端按钮，结果查询的时候也引起验证而无法查询。请问楼主，该如何解决。麻烦楼主将解决方法发送至 [e-mail]  这里先谢过了。

116 楼 wangking717 2011-04-27  

njl_041x 写道

请问楼主：能不能将“格式验证”和“验空”分开？
即：字段可以不填，但如果填就必须填写正确。当字段为空时，也是可以提交的。
所以我还想问这个验证插件是不是实现了“只格式验证”，“格式验证+验空”这两种验证模式。请楼主回复至 [e-mail] 期待您的回复，楼主辛苦了！！！

请参考DEMO，上面有：http://easyvalidator.googlecode.com/svn/trunk/index.html。
正则可满足你的那个需求：正则 = 可以为空 | 验证信息