转 推荐一个超级简单的JQuery表单验证插件EasyValidator
本插件的宗旨是:用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。
DEMO中已经包含了常用的正则表达式,可以直接复用,为了考虑扩展性,所以针对不同用户特殊需求,自行写正则吧。
EasyValidator实现的功能:
1. 普通表单验证(在表单中加入reg="正则表达式")
如: <input name="username" reg="正则" />
2. AJAX表单验证(在表单中加入url="验证系统地址")
如: <input name="username" url="地址" />
4. 普通表单验证 + AJAX表单验证 (普通验证通过以后,再进行AJAX验证)
如: <input name="username" reg="正则" url="地址" />
3. 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"/>
4. 其他表单验证(特殊需求,插件未提供的功能):
这些特殊需求都是根据业务来的,这里列举一下这样的情况:
1.checkbox选择框,要限制别人至少选择1个,最多选择5个。
2.多个表单之间进行比较,如开始时间表单一定小于等于结束时间等等。
像这一类属于特殊情况的需求,本着简单易用的原则,作者不会将集成这些功能。
这里作者给出解决方案:
在<form onclik="return 函数名();"></form>
然后在自己定义的函数里写相应的业务验证。
在线DEMO:http://easyvalidator.googlecode.com/svn/trunk/index.html