首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

转 推荐一个超级容易的JQuery表单验证插件EasyValidator

2012-10-26 
转 推荐一个超级简单的JQuery表单验证插件EasyValidator本插件的宗旨是:用户无需写一行JS验证代码,只需在

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




热点排行