jquery.validata.js 插件集合,想要的都在这里
程序员文章站
2022-04-21 10:45:23
...
结合上面的,今天写一下validate的使用方法。
validate()验证所选的form。
validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容。
validate()的可选项:
submitHandler:通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交。
$("#demoForm").validate({
submitHandler:function() { alert('校验全部通过!') }})
ignore:忽略某个元素不校验
ignore:'#pass2'//忽略某个元素不校验
rules:自定义规则,key:value 的形式,key 是要验证的元素,value 可以是字符串或对象。
$("#demoForm").validate({
rules:{
name:"required",
email:{
required:true,
email:true}}})
messages:自定义的提示信息,key:value 的形式,key 是要验证的元素,value 可以是字符串或函数。
$("#demoForm").validate({
rules:{
name:"required",
email:{
required:true,
email:true}},
messages:{
name:"Name不能为空",
email:{
required:"E-mail不能为空",
email:"E-mail地址不正确"}}})
OnSubmit:类型 Boolean,默认 true,指定是否提交时验证。
$("#demoForm").validate({ onsubmit:false })
onfocusout:类型 Boolean,默认 true,指定是否在获取焦点时验证。
$("#demoForm").validate({ onfocusout:false })
onkeyup:类型 Boolean,默认 true,指定是否在敲击键盘时验证。
$("#demoForm").validate({ onkeyup:false })
onclick:类型 Boolean,默认 true,指定是否在鼠标点击时验证(一般验证 checkbox、radiobox)。
$("#demoForm")
).validate({ onclick:false })
focusInvalid:类型 Boolean,默认 true。提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点。
$("#demoForm")
.validate({ focusInvalid:false })
focusCleanup:类型 Boolean,默认 false。当未通过验证的元素获得焦点时,移除错误提示(避免和 focusInvalid 一起使用)
$("#demoForm")
.validate({ focusCleanup:true })
errorClass:类型 String,默认 "error"。指定错误提示的 css 类名,可以自定义错误提示的样式。
$("#demoForm")
.validate({ errorClass:"invalid" })
errorElement:类型 String,默认 "label"。指定使用什么标签标记错误。
$(".selector").validate errorElement:"em"})
highlight:可以给未通过验证的元素加效果、闪烁等。
以上就是jquery.validata.js 插件集合,想要的都在这里的详细内容,更多请关注其它相关文章!
推荐阅读
-
微信小程序第三方二维码大合集 你想要的都在这里
-
全系英特尔八代酷睿!小米笔记本选购: 你想要的都在这里
-
荐 你想要的Python面试题都在这里了!
-
做SEO必知的技巧策略,你想要的答案都在这里
-
CoolViewPager:即刻刷新,自定义边缘效果颜色,双向自动循环,内置垂直切换效果,想要的都在这里
-
微信小程序第三方二维码大合集 你想要的都在这里
-
全系英特尔八代酷睿!小米笔记本选购: 你想要的都在这里
-
jquery.validata.js 插件集合,想要的都在这里
-
CoolViewPager:即刻刷新,自定义边缘效果颜色,双向自动循环,内置垂直切换效果,想要的都在这里
-
jquery.validata.js 插件集合,想要的都在这里