关于Validform

Validform：一行代码搞定整站的表单验证！

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

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

功能简介：

囊括11种常见的格式验证形式，如果这些类型还不够，可以方便的传入自定义datype【可以是正则或函数】，实现几乎任何您需要的验证形式。
任何你想要的信息提示效果。tiptype可以传入1、2或函数，传入函数几乎可以实现任何你想要的提示效果，如元素右侧出现提示信息、弹出信息框等。另外还附加了$.Showmsg()、$.Hidemsg()全局弹出/关闭信息框方法以便整站有一个统一的信息提示效果【只要引入了该js文件就能调用这两个全局方法】；
当前版本外调插件可以实现文件上传检测、密码强度检测和日期控件效果；
支持ajax提交表单数据，也支持ajax实时反馈验证结果（如常见的用户注册表单下的用户名检测）；
支持开启网速慢时的二次提交防御（有时连续的点击提交表单按钮会产生多次的表单提交结果）；
指定表单下任一元素在单击时触发表单提交事件；
支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class名称"demoform"，只需在页面上写上一句 $(".demoform").Validform()，各表单便会独立检测。

[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页。

转载于:https://www.cnblogs.com/zhwl/archive/2012/03/07/2383880.html

关于Validform相关推荐

Validform 学习笔记---基础知识整理
面对表单的验证,自己写大量的js毕竟不是一个明智的做法.不仅仅是代码很长而且不便于梳理.Validform就是一款开源的第三方验证js的控件,通过添加相应的js以及css能够有效的验证表单,维护起来也 ...
表单验证的完美解决方案Validform
具体使用方法参考官网介绍吧,相当的简单: 文档:http://validform.rjboy.cn/document.html demo:http://validform.rjboy.cn/demo. ...
Validform实时表单验证插件实例使用
文档日期:2016-10-17 适用范围:所有类型网站表单验证插件版本:v5.3.2 插件地址:http://validform.rjboy.cn/Validform/v5.3.2/Validfor ...
JEECG 3.7.8 新版表单校验提示风格使用升级方法（validform 新风格漂亮，布局简单)
JEECG 表单校验新提示风格使用讲解&升级方法 (validform 新风格漂亮,布局简单) JEECG 表单校验采用的是validform,默认的校验提示需要占用页面布局,提示效果较传统. ...
开发指南专题十：JEECG微云快速开发平台--表单校验组件ValidForm
开发指南专题十:JEECG微云快速开发平台--表单校验组件ValidForm 10.4Validform对象[方法支持链式调用] 如示例 var demo=$(".formsub" ...
开发指南专题九：JEECG微云快速开发平台-表单校验组件ValidForm
开发指南专题九:JEECG微云快速开发平台表单校验组件ValidForm 10.表单校验组件ValidForm 10.1使用入门 1.引入css 请查看下载文件中的style.css,把里面Valid ...
表单验证之validform.js使用方法
Validform使用入门 1.引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Va ...
php form表单验证,Validform表单验证总结篇
近期项目里用到了表单的验证,选择了Validform_v5.3.2. 先来了解一下一些基本的参数: 通用表单验证方法: Demo:$(".demoform").Validform( ...
validform 一行代码完成所有验证
validform一行代码完成所有验证在使用的时候想更改提示效果为右侧提示却一直不能成功 tiptype可以为1.2 和自定义函数.2 表示右侧提示. 注意:tiptype为 2 时,各表单元素对 ...
Validform使用说明
转载:http://down.51cto.com/data/578513 你没看错,就一行代码搞定整站的表单验证! 1 $(".demoform").Validform(); 效果 ...

关于Validform

关于Validform相关推荐

最新文章

热门文章