HTML 表单验证 Validform

fmms 12年前

Validform:一行代码搞定整站的表单验证!$(".demoform").Validform();

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

功能简介:

囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype【可以是正则或函数】,实现几乎任何您需要的验证形式。

任何你想要的信息提示效果。tiptype可以传入1、2或函数,传入函数几乎可以实现任何你想要的提示效果,如元素右侧出现提示信息、弹出信息框 等。另外还附加了$.Showmsg()、$.Hidemsg()全局弹出/关闭信息框方法以便整站有一个统一的信息提示效果【只要引入了该js文件就能 调用这两个全局方法】;

当前版本外调插件可以实现文件上传检测、密码强度检测和日期控件效果;
支持ajax提交表单数据,也支持ajax实时反馈验证结果(如常见的用户注册表单下的用户名检测);
支持开启网速慢时的二次提交防御(有时连续的点击提交表单按钮会产生多次的表单提交结果);
指定表单下任一元素在单击时触发表单提交事件;
支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。

HTML 表单验证 Validform

项目主页:http://www.open-open.com/lib/view/home/1332148772390