jQuery表单验证插件Validform

jQuery表单验证插件Validform

Validform:一行代码搞定整站的表单验证!$(".demoform&quo
0
  • 详情内容
  • 留言点评

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

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

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

功能简介

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

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

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

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

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

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

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

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

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

基本功能

智能的提示信息 5.3+

给表单元素绑定验证类型和提示文字

给表单下的任一对象绑定提交表单或重置方法 5.0+

修改默认的提示文字,如默认弹出框的标题,验证成功后的提示文字等 5.0+

检测重复密码是否与第一次输入的密码一致

逐条验证与一次验证显示所有错误信息

使用ajax的方式提交表单 5.0+

让表单只能提交一次,提交成功后再提交表单将不会有操作 5.0+

在表单元素有输入时才验证,没有输入时不验证

Validform实现用户名的实时验证

dataype实现规则累加或单选 5.2+

进阶功能

Validform没有限定只能使用table布局,任何结构都是可以的 5.0+

传入自定义的datatype,可以满足你几乎所有的验证需求

在自定义datatype中返回具体的错误信息 5.0+

仅用Validform做验证,验证成功后调用自己的方法提交表单 5.0+

使用Validform对象 5.0+

常见的一些验证效果

二选一的验证,如电话号码与手机号码只需其中之一有输入 5.0+

通过自定义datatype对身份证号码进行严格验证 5.0+

通过自定义datatype验证最多或至少选择n项 5.0+

分类选择,选择了其中一类就忽略其他类的验证 5.0+

欢迎点评!也可以是问题反馈和建议

支持Ctrl+Enter提交
暂无留言,快抢沙发!
0

真心很赞,必须打赏!嗯,以资鼓励~

点此打赏

99%看过的人还会看

老铁,别说没提醒你,双11期间实体店消费,先用手机支付宝搜索“7629723”可以抢红包,玩法已限时升级,红包种类和金额都更嗨咯