- $(".demoform").Validform({//所有可传入的参数如下:;
- btnSubmit:"#btn_sub",
- btnReset:".btn_reset",
- tiptype:1,
- ignoreHidden:false,
- dragonfly:false,
- tipSweep:true,
- showAllError:false,
- postonce:true,
- ajaxPost:true,
- datatype:{
- "*6-20": /^[^\s]{6,20}$/,
- "z2-4" : /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/,
- "username":function(gets,obj,curform,regxp){
- //参数gets是获取到的表单元素值,obj为当前表单元素,curform为当前验证的表单,regxp为内置的一些正则表达式的引用;
- var reg1=/^[\w\.]{4,16}$/,
- reg2=/^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/;
- if(reg1.test(gets)){return true;}
- if(reg2.test(gets)){return true;}
- return false;
- //注意return可以返回true 或 false 或 字符串文字,true表示验证通过,返回字符串表示验证失败,字符串作为错误提示显示,返回false则用errmsg或默认的错误提示;
- },
- "phone":function(){
- // 5.0 版本之后,要实现二选一的验证效果,datatype 的名称 不 需要以 "option_" 开头;
- }
- },
- usePlugin:{
- swfupload:{},
- datepicker:{},
- passwordstrength:{},
- jqtransform:{
- selector:"select,input"
- }
- },
- beforeCheck:function(curform){
- //在表单提交执行验证之前执行的函数,curform参数是当前表单对象。
- //这里明确return false的话将不会继续执行验证操作;
- },
- beforeSubmit:function(curform){
- //在验证成功后,表单提交前执行的函数,curform参数是当前表单对象。
- //这里明确return false的话表单将不会提交;
- },
- callback:function(data){
- //返回数据data是json格式,{"info":"demo info","status":"y"}
- //info: 输出提示信息;
- //status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功,"n"表示提交失败,在ajax_post.php文件返回数据里自定字符,主要用在callback函数里根据该值执行相应的回调操作;
- //你也可以在ajax_post.php文件返回更多信息在这里获取,进行相应操作;
- //这里执行回调操作;
- //注意:如果不是ajax方式提交表单,传入callback,这时data参数是当前表单对象,回调函数会在表单验证全部通过后执行,然后判断是否提交表单,如果callback里明确return false,则表单不会提交,如果return true或没有return,则会提交表单。
- }
- });
- Validform对象的方法和属性:
- tipmsg:自定义提示信息,通过修改Validform对象的这个属性值来让同一个页面的不同表单使用不同的提示文字;
- dataType:获取内置的一些正则;
- eq(n):获取Validform对象的第n个元素;
- ajaxPost(flag,sync):以ajax方式提交表单。flag为true时,跳过验证直接提交,sync为true时将以同步的方式进行ajax提交;
- abort():终止ajax的提交;
- submitForm(flag):以参数里设置的方式提交表单,flag为true时,跳过验证直接提交;
- resetForm():重置表单;
- resetStatus():重置表单的提交状态。传入了postonce参数的话,表单成功提交后状态会设置为"posted",重置提交状态可以让表单继续可以提交;
- getStatus():获取表单的提交状态,normal:未提交,posting:正在提交,posted:已成功提交过;
- setStatus(status):设置表单的提交状态,可以设置normal,posting,posted三种状态,不传参则设置状态为posting,这个状态表单可以验证,但不能提交;
- ignore(selector):忽略对所选择对象的验证;
- unignore(selector):将ignore方法所忽略验证的对象重新获取验证效果;
- addRule(rule):可以通过Validform对象的这个方法来给表单元素绑定验证规则;
Validform校验
最新推荐文章于 2022-11-10 08:39:49 发布