Validform

关于Validform

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

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

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

功能简介:
  • 可以在input上直接绑定正则,可以自定义datatype,自定义datatype可以是正则,也可以是函数,datatype可以累加或单选,甚至还可以对datatype规则执行简单的逻辑运算。内置10类常见的格式验证;
  • 可以自定义提示方式,可以实现你想要的任何提示效果。内置了4种常见的提示方式;
  • 可以对表单下的某一块区域或具体的某个表单元素单独进行验证,并可以选择验证后需不需要显示出错信息,还能得到一个值来判断被检测对象是否通过了验证;
  • 可以轻松的取消或恢复对表单下的某一块区域或具体的某个表单元素的验证;
  • 强大的ajax功能,很轻松的可以实现实时验证以及表单的ajax提交;可以灵活的设置ajax提交时的参数;
  • 智能的出错信息提示:会根据绑定的datatype输出相应的出错信息,另外还可以在自定义datatype里返回具体的出错信息,错误信息里可以使用html标签,如果页面里没有显示出错信息的标签,会根据tiptype值自动创建。可以选择在没有输入时不提示和只在提交表单时有信息提示。可以选择一次提示单个错误或一次显示全部出错信息。可以自己设置默认的提示文字;
  • 可以在表单开始检测前和表单检测通过后,提交表单之前绑定事件;
  • 当前版本外调插件可以实现文件上传检测、密码强度检测、日期控件和表单美化效果;
  • 丰富的Validform对象的属性和方法,给你的验证操作带来无限的可能。
[2013-03-31]Validform v5.3.2 更新修复以下功能:
  • config方法还能为已经初始化过的表单重新配置参数了;
  • 一个表单有多个实时验证时不能正确验证的bug;
  • 执行submitForm方法会提交对象下的所有表单了,之前是只提交第一个表单,如var demo=$(".formsub").Validform(); demo.submitForm(); 执行提交方法后,demo内的所有formsub都会提交;
  • 没有submit按钮时,当input获得焦点,按下enter键也能提交表单了;
  • 对于自定义datatype,还可以通过Validform对象的tipmsg.w扩展默认提示文字了,之前只能通过$.Tipmsg.w扩展;
  • 智能提示在某些情况下的bug修正(如ie8下出现逗号、label出现换行时智能提示不能正确显示、一行有2列的情况下把2列的label都提取出来当错误提示);
  • 其他细节调整。
[2013-02-23]Validform v5.3.1 更新修复以下功能:
  • 增加了label参数;
  • 支持jquery 1.4.3-1.9.0+版本;
  • 调整了ajaxurl直接附带参数时的处理方式,现在参数不会做另外解析,仍附带在地址后面,所以需要用get方式去获取地址后面带的参数;
  • 智能提示:对于多选、下拉、单选会提示为"选择"而不是"填写";
  • 提供了datatype扩展文件Validform_Datatype.js下载;
  • 其他细节调整。
[2012-12-28]Validform v5.3 更新修复以下功能:
  • Validform对象增加了config方法;
  • 表单元素上可以绑定sucmsg属性了,用来指定验证成功时的提示文字;
  • 修改了信息提示方式,对于没有绑定errormsg的对象,会根据所绑定的datatype输出相应的出错信息;
    对于没有绑定nullmsg的对象,会自动查找类名为Validform_label下的文字作为提示文字;
  • 如果页面里没有显示出错信息的标签,会根据tiptype值自动创建;
  • 改变了ajax错误的处理方式,callback函数在ajax提交表单遇服务端错误时也会执行;
  • Validform对象的submitForm()和ajaxForm()方法增加了url参数,如果传入了url参数,表单将会提交到这个地址而不是表单action属性或config方法里所指定的地址;
  • 细节功能增强:当提交表单时,如果表单中的某项已经在执行ajax检测,这时该项ajax结束后表单可以继续提交了;
  • 修改了tipSweep参数的含义,当传入tipSweep=true时,只在表单提交时触发检测,blur事件将不会触发检测(实时验证会在后台进行,不会显示检测结果);
  • 修正了check方法的bug,修正了绑定ignore时,ajaxurl不能执行的问题等;
  • 插件的调用做了点改进,对于日期、swfupload和密码强度检测这三个插件,绑定了plugin属性即可以初始化对应的插件,可以不用在validform初始化时传入空的 usePlugin;修改使用addRule方法绑定验证时,插件不能初始化的bug;
  • 修正了ie6下自定义提交按钮时表单不能提交的问题。

下载Validform

Validform v5.3.2 [开发版] 45Kb
Validform v5.3.2 [压缩版] 21Kb

赞助商 惠品生活-用心做,好品质

惠品生活-用心做,好品质