简单易用的表单验证插件Validform

烂漫一生 提交于 2019-12-01 09:14:30

官方网址:validform.rjboy.cn

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

1
$(".demoform").Validform();

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

功能简介:
  • 囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype【可以是正则或函数】,实现几乎任何您需要的验证形式。
  • 任何你想要的信息提示效果。tiptype可以传入1、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页。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!