javascript代码实例教程-jquery 验证插件

发布时间:2019-05-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery 验证插件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 关于Validform

Validform:一行代码搞定整站的表单验证!

 

1

[javascript]  

$<span style="color:#009900">(</span><span style="color:#3366CC">".demoform"</span><span style="color:#009900">)</span>.<span style="color:#660066">Validform</span><span style="color:#009900">(</span><span style="color:#009900">)</span><span style="color:#339933">;</span>  

为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实!

 

功能简介:

可以在input上直接绑定正则,可以自定义datatype,自定义datatype可以是正则,也可以是函数,datatype可以累加或单选,甚至还可以对datatype规则执行简单的逻辑运算。内置10类常见的格式验证;

可以自定义提示方式,可以实现你想要的任何提示效果。内置了4种常见的提示方式;

可以对表单下的某一块区域或具体的某个表单元素单独进行验证,并可以选择验证后需不需要显示出错信息,还能得到一个值来判断被检测对象是否通过了验证;

可以轻松的取消或恢复对表单下的某一块区域或具体的某个表单元素的验证;

强大的ajax功能,很轻松的可以实现实时验证以及表单的ajax提交;可以灵活的设置ajax提交时的参数;

智能的出错信息提示:会根据绑定的datatype输出相应的出错信息,另外还可以在自定义datatype里返回具体的出错信息,错误信息里可以使用html标签,如果页面里没有显示出错信息的标签,会根据tiptype值自动创建。可以选择在没有输入时不提示和只在提交表单时有信息提示。可以选择一次提示单个错误或一次显示全部出错信息。可以自己设置默认的提示文字;

可以在表单开始检测前和表单检测通过后,提交表单之前绑定事件;

当前版本外调插件可以实现文件上传检测、密码强度检测、日期控件和表单美化效果;

丰富的Validform对象的属性和方法,给你的验证操作带来无限的可能。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery 验证插件全部内容,希望文章能够帮你解决javascript代码实例教程-jquery 验证插件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:HTML