官方网址:validform.rjboy.cnjavascript
Validform:一行代码搞定整站的表单验证!php
1 |
$(".demoform").Validform(); |
为何能如此方便?插件的核心思想就是把全部的验证条件及验证提示信息绑定到每一个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你能够随便添加或者去掉任一表单元素而没必要修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实!java
功能简介:
- 囊括11种常见的格式验证形式,若是这些类型还不够,能够方便的传入自定义datype【能够是正则或函数】,实现几乎任何您须要的验证形式。
- 任何你想要的信息提示效果。tiptype能够传入一、2或函数,传入函数几乎能够实现任何你想要的提示效果,如元素右侧出现提示信息、弹出信息框等。另外还附加了$.Showmsg()、$.Hidemsg()全局弹出/关闭信息框方法以便整站有一个统一的信息提示效果【只要引入了该js文件就能调用这两个全局方法】;
- 当前版本外调插件能够实现文件上传检测、密码强度检测和日期控件效果;
- 支持ajax提交表单数据,也支持ajax实时反馈验证结果(如常见的用户注册表单下的用户名检测);
- 支持开启网速慢时的二次提交防护(有时连续的点击提交表单按钮会产生屡次的表单提交结果);
- 指定表单下任一元素在单击时触发表单提交事件;
- 支持一个页面多表单的检测。例如你给页面上的各form绑定一样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。
[2012-03-14]
Validform v4.0 更新修复如下功能:
- valid.php不当心输出空格时报错的问题;
- 用户名没实时验证而提交表单,验证经过后不能自动提交的问题;
- 两次输入检测的提示文字联动问题,如重复密码的检测提示信息问题;
- 多选框其余选项选择以后提示信息不能及时更新的问题;
- callback回调在表单以非ajax提交时,传入的data参数改为了当前表单的jquery对象;
- 提供了重置提示信息文字的接口。
[2012-03-04]Validform v4.0 更新修复如下功能:
- datatype为radio、checkbox时 name名不能包含'[]'的问题;
- 默认已支持datatype为n时的任意长度指定,如n8-16;
- 二选一的验证,datatype的名称须要以"option_"开头。
[2012-01-08]Validform v4.0 更新加强如下功能:
- 增长了usePlugin参数,实现调用外部插件;
- 增长showAllError参数,传入该参数能够在提交表单时显示全部错误提示;
- postonce=true时,只有当成功提交后才不能再次提交表单,在提交出错时还能够继续提交表单;
- 修正了实时验证的表单元素会重复触发验证请求的bug;
- 修正$.Showmsg调用报错的bug;
- 点击重置按钮时能够重置表单的错误提示。
[2011-08-07]Validform v3.0 更新加强如下功能:
- 实时验证在后台文件中还能够接收到name参数,改参数值为当前表单元素的name属性值。能够经过该值来判断是哪一个文本框请求处理,这样当有多个实时验证请求时能够指定同一个文件处理;
- callback加强。若是不是ajax方式提交表单传入callback回调,那么表单在所有验证经过后将不会提交,而是执行该回调函数;
- 自定义datatype(能够传入函数或正则),能够增长任何你想要的自定义datatype类型,有两种扩展方式,具体请参考demo页;
- 形如 *6-16 的自定义范围,如内置datatype类型中有 "*6-16" 表示6-16位任意字符,你能够任意更改数字的范围,如这时你指定datatype为"*2-12"将表示2-12位任意字符。这个对自定义的datatype也一样有效,如你扩展了"z2-4"表示2-4位的中文字符,那么你能够用"z2-6"来表示2-6位中文字符;
- tiptype加强,3.0版开始几乎能够实现你想要的任何信息提示效果,具体使用方法请参考demo页。