Validform校验

转载 2015年11月18日 14:58:07
  1. $(".demoform").Validform({//所有可传入的参数如下:;  
  2.     btnSubmit:"#btn_sub",   
  3.     btnReset:".btn_reset",  
  4.     tiptype:1,   
  5.     ignoreHidden:false,  
  6.         dragonfly:false,  
  7.     tipSweep:true,  
  8.     showAllError:false,  
  9.     postonce:true,  
  10.     ajaxPost:true,  
  11.     datatype:{  
  12.         "*6-20": /^[^\s]{6,20}$/,  
  13.         "z2-4" : /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/,  
  14.         "username":function(gets,obj,curform,regxp){  
  15.             //参数gets是获取到的表单元素值,obj为当前表单元素,curform为当前验证的表单,regxp为内置的一些正则表达式的引用;  
  16.             var reg1=/^[\w\.]{4,16}$/,  
  17.                 reg2=/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/;  
  18.    
  19.             if(reg1.test(gets)){return true;}  
  20.             if(reg2.test(gets)){return true;}  
  21.             return false;  
  22.    
  23.             //注意return可以返回true 或 false 或 字符串文字,true表示验证通过,返回字符串表示验证失败,字符串作为错误提示显示,返回false则用errmsg或默认的错误提示;  
  24.         },  
  25.         "phone":function(){  
  26.             // 5.0 版本之后,要实现二选一的验证效果,datatype 的名称 不 需要以 "option_" 开头;      
  27.         }  
  28.     },  
  29.     usePlugin:{  
  30.         swfupload:{},  
  31.         datepicker:{},  
  32.         passwordstrength:{},  
  33.         jqtransform:{  
  34.             selector:"select,input"  
  35.         }  
  36.     },  
  37.     beforeCheck:function(curform){  
  38.         //在表单提交执行验证之前执行的函数,curform参数是当前表单对象。  
  39.         //这里明确return false的话将不会继续执行验证操作;      
  40.     },  
  41.     beforeSubmit:function(curform){  
  42.         //在验证成功后,表单提交前执行的函数,curform参数是当前表单对象。  
  43.         //这里明确return false的话表单将不会提交;      
  44.     },  
  45.     callback:function(data){  
  46.         //返回数据data是json格式,{"info":"demo info","status":"y"}  
  47.         //info: 输出提示信息;  
  48.         //status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功,"n"表示提交失败,在ajax_post.php文件返回数据里自定字符,主要用在callback函数里根据该值执行相应的回调操作;  
  49.         //你也可以在ajax_post.php文件返回更多信息在这里获取,进行相应操作;  
  50.    
  51.         //这里执行回调操作;  
  52.         //注意:如果不是ajax方式提交表单,传入callback,这时data参数是当前表单对象,回调函数会在表单验证全部通过后执行,然后判断是否提交表单,如果callback里明确return false,则表单不会提交,如果return true或没有return,则会提交表单。  
  53.     }  
  54. });  
  55.    
  56. Validform对象的方法和属性:  
  57. tipmsg:自定义提示信息,通过修改Validform对象的这个属性值来让同一个页面的不同表单使用不同的提示文字;  
  58. dataType:获取内置的一些正则;  
  59. eq(n):获取Validform对象的第n个元素;  
  60. ajaxPost(flag,sync):以ajax方式提交表单。flag为true时,跳过验证直接提交,sync为true时将以同步的方式进行ajax提交;  
  61. abort():终止ajax的提交;  
  62. submitForm(flag):以参数里设置的方式提交表单,flag为true时,跳过验证直接提交;  
  63. resetForm():重置表单;  
  64. resetStatus():重置表单的提交状态。传入了postonce参数的话,表单成功提交后状态会设置为"posted",重置提交状态可以让表单继续可以提交;  
  65. getStatus():获取表单的提交状态,normal:未提交,posting:正在提交,posted:已成功提交过;  
  66. setStatus(status):设置表单的提交状态,可以设置normal,posting,posted三种状态,不传参则设置状态为posting,这个状态表单可以验证,但不能提交;  
  67. ignore(selector):忽略对所选择对象的验证;  
  68. unignore(selector):将ignore方法所忽略验证的对象重新获取验证效果;  
  69. addRule(rule):可以通过Validform对象的这个方法来给表单元素绑定验证规则; 

调试 Validform 的辛酸,添加ajax验证机制!

注:项目中用到了这个Validform 验证机制,配合ajax所 出现的问题~ 其实,自己也能写出来这个种验证,感觉这个现成的 插件~既然 何不 研究下呢!  大牛忽喷噢~~~~~ 情景:  判...
  • u013791858
  • u013791858
  • 2015年12月31日 19:43
  • 1151

validform表单验证

Validform使用入门 1、引入css 请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Valid...
  • xp270952585
  • xp270952585
  • 2017年04月23日 18:46
  • 932

Validform 级联逻辑验证

Validform  的datatype里是无法写函数的,所以要用Validform的datatape是无法完成的。但是不写函数又无法完成逻辑的判断,咱先写好逻辑判断: function price...
  • Human_visitors
  • Human_visitors
  • 2015年04月14日 14:42
  • 563

表单验证-Validform中验证ip是否存在

html: errormsg是在验证返回false的时候显示的提示信息
  • qq_31454017
  • qq_31454017
  • 2017年11月01日 13:56
  • 190

Validform重置并清除校验提示文字的方法

Validform重置并清除校验提示文字的方法: //重置表单 $(".registerform").Validform().resetForm(); $(".Validform_check...
  • ma451152002
  • ma451152002
  • 2017年05月18日 18:25
  • 1555

validform验证框架中遇到的一点点问题记录

在注册页面时  通常会用到validforn这一类似的验证框架,最近在用这个框架的时候遇到一点问题,简单的做个记录,便于自己以后查看: 其实这类框架的使用是很简单的,但有时候出了问题调试的时...
  • qq_28233015
  • qq_28233015
  • 2016年03月18日 13:26
  • 3525

Validform_v5.1.js BUG 动态加载 datatype 属性

型号    A/B  (下拉列表) 编号  ***** (文本框)   如果要通过Validform 验证来控制一个文本框的文字范围,比如 A型号  17 位字符  B型号8位字符...
  • wei198621
  • wei198621
  • 2014年05月07日 11:48
  • 2303

validateform在提交form表单时,手动触发validateform校验

validateform的在提交form表单时,手动触发validateform校验 (1)先定义对象 demo=$(".registerform").Validform(); (2)提交form手...
  • ma451152002
  • ma451152002
  • 2017年05月18日 18:11
  • 1291

validform中自定验证提示位置

jsp中:
  • PK200816
  • PK200816
  • 2014年04月17日 17:26
  • 2392

Validform的基本使用-表单校验

下载demo:http://www.rjboy.cn/labs/Validform/Validform.rar 官网:http://www.rjboy.cn/ 功能介绍: 1、支持一个页面多表单...
  • u012124564
  • u012124564
  • 2015年08月25日 10:12
  • 4314
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Validform校验
举报原因:
原因补充:

(最多只允许输入30个字)