JQuery表单验证DEMO -good easyvalidator方法

EasyValidator是一款表单验证插件,支持正则表达式验证、AJAX验证及自定义提示信息等功能。用户仅需在表单中添加特定属性即可完成验证设置,简化了验证流程并提高了维护效率。

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

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

效果图:

31259b6039451b978cb10d2e.jpg

EasyValidator实现的功能:

1. 普通表单验证(在表单中加入reg="正则表达式")

<input name="username" reg="正则">
普通表单验证DEMO: http://easyvalidator.googlecode.com/svn/trunk/index.html

2. AJAX表单验证(在表单中加入url="验证系统地址")

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

3. 普通表单验证 + AJAX表单验证 (普通验证通过以后,再进行AJAX验证)

<input name="username" reg="正则" url="地址">

4. TIP提示(在表单中加入tip="提示信息"),TIP可在以上3种验证方式中加入

A. 具有TIP功能的普通表单验证:
<input name="username" reg="正则" tip="用户名的格式应该为XXXX">
B. 具有TIP功能的AJAX表单验证:
<input name="username" url="地址" tip="用户名的格式应该为XXXX">
C. 具有TIP功能的 [普通表单验证 + AJAX表单验证]:
<input name="username" reg="正则" url="地址" tip="用户名的格式应该为XXXX">

5. 扩展函数表单验证(某些业务特殊需求):

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

由于这种情况的特殊性,所以用户得自己写业IC交易网务逻辑代码,官方已经提供了extendsValidate扩展函数,在里面写自己的逻辑代码即可。

扩展函数表单验证DEMO:http://easyvalidator.googlecode.com/svn/trunk/extends_demo.html

转载于:https://www.cnblogs.com/aspxnets/archive/2011/06/18/2084368.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值