【jquery】Validform,一款不错的 jquery 表单验证插件
关于 Validform
这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证。
$(‘form‘).Validform();
为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实!
功能简介
- 可以在 input 上直接绑定正则,可以自定义 datatype,自定义 datatype 可以是正则,也可以是函数,datatype 可以累加或单选,甚至还可以对 datatype 规则执行简单的逻辑运算。内置10类常见的格式验证;
- 可以自定义提示方式,可以实现你想要的任何提示效果。内置了4种常见的提示方式;
- 可以对表单下的某一块区域或具体的某个表单元素单独进行验证,并可以选择验证后需不需要显示出错信息,还能得到一个值来判断被检测对象是否通过了验证;
- 可以轻松的取消或恢复对表单下的某一块区域或具体的某个表单元素的验证;
- 强大的 ajax 功能,很轻松的可以实现实时验证以及表单的 ajax 提交;可以灵活的设置 ajax 提交时的参数;
- 智能的出错信息提示:会根据绑定的 datatype 输出相应的出错信息,另外还可以在自定义 datatype 里返回具体的出错信息,错误信息里可以使用 html 标签,如果页面里没有显示出错信息的标签,会根据 tiptype 值自动创建。可以选择在没有输入时不提示和只在提交表单时有信息提示。可以选择一次提示单个错误或一次显示全部出错信息。可以自己设置默认的提示文字;
- 可以在表单开始检测前和表单检测通过后,提交表单之前绑定事件;
- 当前版本外调插件可以实现文件上传检测、密码强度检测、日期控件和表单美化效果;
- 丰富的 Validform 对象的属性和方法,给你的验证操作带来无限的可能。
最后附上:
官网地址:点击传送门。
常用功能 demo:点击传送门。
开发文档:点击传送门。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。