转 推荐一个超级简单的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