zoukankan      html  css  js  c++  java
  • jquery.validata.js 插件2

    结合上面的,今天写一下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:可以给未通过验证的元素加效果、闪烁等。

  • 相关阅读:
    Luogu P3275 糖果
    Python基础学习
    SharePoint 2013
    Office
    KnockoutJS
    SharePoint 2013
    Bootstrap
    SharePoint 2013
    CSS
    AngularJS
  • 原文地址:https://www.cnblogs.com/weiyz/p/7062995.html
Copyright © 2011-2022 走看看