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：可以給未通過驗證的元素加效果、閃爍等。