validate插件深刻學習-03validate()方法配置項

validate()方法配置項

rules 定義校驗規則

messages 定義提示信息

上面這兩個已經介紹過了

rules裏隱藏的屬性depends，只有符合條件（返回true）的時候纔會執行

submitHandler經過驗證後運行的函數，能夠傢伙是那個表單提交方法

invalidHandler 無效表單提交後運行的函數

submitHandler:function(form){
        console.log($(form).serialize());//若是驗證經過，輸出表單序列化
},
invalidHandler:function(event,validator){
    console.log("錯誤數:"+validator.numberOfInvalids())//有無效項，則爲無效標單，輸出徐曉個數
}    

invalidHandler也能夠被綁定事件觸發

$('#demoform').on('invalid-form',(event,validator){
    console.log("錯誤數:"+validator.numberOfInvalids())
})

ignore 對某些元素進行驗證

groups 對一組元素的驗證，將錯誤提示集合顯示在一個地方，用errorPlacement控制把出錯的信息放在那哪裏
（實踐時候貌似login裏無論寫什麼，錯誤提示都顯示在info裏，不知道爲何，因此要在下面進行判斷，其實直接寫errorPlacement就能夠）

onsubmit 是否在提交時驗證 ，默認是true，改爲false的時候invalidHandler仍是會判斷

onfocusout 是否在獲取焦點時驗證

onkeyup 是否在敲擊鍵盤時驗證

onclick 是否在鼠標點擊時驗證 通常用於check或者radio

focusInvalid 提交表單後，未經過驗證的表單（第一個或提交以前得到焦點的未經過驗證的表單）是否會得到焦點

focusCleanup 當未經過驗證的元素得到焦點是，是否移除錯誤提示

以上六個是時間節點觸發的事件的驗證

errorClass 指定錯誤提示的css類名，能夠自定義錯誤提示的樣式

validClass 指定經過驗證的css類名（這兩個也可先看一下以前這兩個類添加在哪一個標籤了）

errorElement使用什麼標籤標記錯誤

wrapper 使用什麼標籤把errorElement包裹起來

errorLabelContainer 把錯誤信息統一放在與一個容器裏面

errorContainer顯示或隱藏驗證信息，能夠自動實現有錯誤信息出現時，把容器屬性變爲顯示，無錯誤是隱藏 。這個通常能夠不寫，須要額外的提示能夠寫

以上都是錯誤提示樣式及顯示設置

showErrors 能夠顯示總共有多少個未經過驗證的元素 通常用於自定義錯誤展現信息的處理

errorPlacement 自定義錯誤信息放到哪裏 ，上面介紹過了，和group一塊兒使用

 success 要驗證的元素經過驗證後的動做（如下兩種方式均可以）

highlight 能夠給未經過驗證的元素加效果

unhighlight 去除未經過驗證的元素的效果，通常和highlight一塊兒使用

這兩個主要針對的是input，上面success針對的是提示信息label

 

選擇器擴展

:blank 選擇全部值爲空的元素   半角空格爲空，全角空格爲不空

:filled 選擇全部值不爲空的元素 去掉空格，長度大於零

:unchecked 選擇全部沒有被選中的個元素 通常用於複選框