JQuery表单验证插件EasyValidator,一流轻巧易用!

作者:ca88

正文实例叙述了JQuery表单验证插件EasyValidator用法。分享给大家供大家参照他事他说加以考察。具体如下:

JQuery表单验证插件EasyValidator用法剖判,jquery.validator

ca88,正文实例陈说了JQuery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下:

本插件的宏旨是:用户无需写一行JS验证代码,只需在要证实的表单中步入相应的认证属性就能够,让认证功用易维护,可扩张,更便于上手。

DEMO中曾经包罗了常用的正则表明式,能够直接复用,为了思量扩充性,所以本着差异用户特别必要,自行写正则吧。

EasyValidator实现的效能:

1.升迁效果(在表单大概其余标签中投入tip="想提示的文字")

如:

复制代码 代码如下:

<input name="name" tip="请输入你的名字啊~">

或者

复制代码 代码如下:

<a href="" tip="到EasyValidator官方主页来" target="_blank">有思疑能够到这里提问</a>

2. 平常表单验证(在表单中步入reg="正则表明式") 如:

复制代码 代码如下:

<input name="username" reg="正则" />

一般说来表单验证DEMO:

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:

ca88 1

BUG修复日志: 二零一零-9-24 : 修复同一页三个FORM提交BUG ,TIP错位BUG
二零一零-9-26 : 新增添bgiframe插件, 修复IE6下TIP 遮罩不了 SELECT表单
二零零六-9-27 : 扩充增加API,相提并论构宗旨库

2012-1-1   : 将表单验证的TIP独立出来,让TIP,URAV4L,REG成为独立的组装而留存,越来越灵活!

二〇一二-1-28 : 修改了AJAX的TIP纠错BUG,逻辑修改,并且将AJAX的乞请的长距离程序validate_user.php的编码设置GB2312。

官方下载地址:

依然点击这里本站下载。

在线正则验证器:

但愿本文所述对大家的web程序设计有所支持。

本文实例陈述了JQuery表单验证插件EasyValidator用法。分享给大家供大家参考。具体如下:...

本插件的宏旨是:用户无需写一行JS验证代码,只需在要验证的表单中步向相应的印证属性就能够,让认证功效易维护,可扩大,更便于上手。

本插件的核心是:用户没有须求写一行JS验证代码,只需在要注脚的表单中加入相应的证实属性就可以,让认证功效易维护,可扩大,更便于上手。

本插件的宏旨是:用户无需写一行JS验证代码,只需在要证实的表单中步入相应的求证属性就能够,让认证效率易维护,可扩展,更便于上手。

DEMO中曾经包蕴了常用的正则表明式,能够一直复用,为了思考扩张性,所以针对区别用户独特供给,自行写正则吧。

DEMO中早就包蕴了常用的正则表明式,可以间接复用,为了思考增加性,所以本着差别用户特别须求,自行写正则吧。

DEMO中早就饱含了常用的正则表明式,能够直接复用,为了考虑扩张性,所以针对差异用户独特殊须求要,自行写正则吧。

顺便AD下刚出炉的小站,应接捧场:www.paipaiyou.com

顺便AD下刚出炉的小站,迎接捧场:www.paipaiyou.com

EasyValidator达成的成效:

 

 

1.提醒效能(在表单恐怕别的标签中投入tip="想唤起的文字")

EasyValidator完结的效应:

EasyValidator实现的机能:

如:

 

 

复制代码 代码如下:

1.晋升效果(在表单也许其它标签中参与tip="想唤醒的文字")

1.提醒成效(在表单或许别的标签中投入tip="想唤起的文字")

<input name="name" tip="请输入你的名字呀~">

     如:

     如:

或者

    <input name="name" tip="请输入你的名字呀~">

    <input name="name" tip="请输入你的名字啊~">

本文由ca88发布,转载请注明来源

关键词: ca88网址 ajax 亚洲城88娱乐