博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
validate插件深入篇
阅读量:4616 次
发布时间:2019-06-09

本文共 1334 字,大约阅读时间需要 4 分钟。

1、使用valid()来验证表单是否填写正确:

<form id="mainform">

  <button id="check"></button>

</form>

<script>

$("#check").click(function(){

  alert($("#mainform").valid()?"正确":"错误");

});

</script>

2、使用rules来获取校验规则:注意只能获取某个单个元素的校验规则,如$("username").rules()

rule还可以增加元素规则:$("#username").rules("add",{minlength:2,maxlength:12});

删除的话直接用:$("#username").rules("remove","minlength maxlength")//注意,删除时,多个规则之间用空格隔开

 

3.validator对象

那么如何来获取validator对象呢,因为validate()方法会返回一个validator对象,所以在js中,写成var validator=$("#mainForm").validate({........

}),获取之后,可以在console中之间调用validator对象

validator.form()表示该表单是否有效,返回值为true或false

validator.element("#username")来验证元素是否有效

validator.resetForm()//恢复到表单之前的状态

validator.showErrors({

  username:"你填错了,吼吼吼",

  password:"密码也错了哦"

})//这个主要用于自定义显示错误信息,当写了上述代码时,页面会立即显示该错误信息

validator.numberOfInvalids()//返回无效的元素数量

 

validator对象静态方法 :

代码如下:

<script>

var validator;

$(document).ready(function(){ 

  $.validator.setDefaults({

  debug:true;

  });

  validator=$("#mainForm").validate({

  ......

  });

});

</script>

(1)注意,代码中用了$.validator.setDefaults(),这是静态方法,除此,还有:jQuery.validator.addMethod(),jQuery.validator.format(),$.validator.addClassRules(class,rules);

使用如下:

$.validator.addClassRules({

  txt:{

    required:true,

    minlength:5

    }

});//txt表示包含classname为txt的元素

这种方法给我们带来批量生产校验规则的方式。

转载于:https://www.cnblogs.com/openflyme/p/4746305.html

你可能感兴趣的文章
各地IT薪资待遇讨论
查看>>
splay入门
查看>>
带CookieContainer进行post
查看>>
C语言学习笔记--字符串
查看>>
CSS-上下文选择器
查看>>
ionic repeat 重复最后一个时要执行某个函数
查看>>
1.初识代码审计-基础
查看>>
[Vue-rx] Stream an API using RxJS into a Vue.js Template
查看>>
解决VC几个编译问题的方法——好用
查看>>
SPOJ #11 Factorial
查看>>
City Upgrades
查看>>
“人少也能办大事”---K2 BPM老客户交流会
查看>>
关于七牛进行图片添加文字水印操作小计
查看>>
DataSource数据库的使用
查看>>
Luogu4069 SDOI2016 游戏 树链剖分、李超线段树
查看>>
Java的内部类真的那么难以理解?
查看>>
一文搞懂Java环境,轻松实现Hello World!
查看>>
hash实现锚点平滑滚动定位
查看>>
也谈智能手机游戏开发中的分辨率自适应问题
查看>>
关于 IOS 发布的点点滴滴记录(一)
查看>>