1. 程式人生 > >JQuery Validate插件如何自定義驗證方法(結合ajax實現數據庫的查重)

JQuery Validate插件如何自定義驗證方法(結合ajax實現數據庫的查重)

JQuery

概述
        本文介紹Validate自定義表單校驗方式。Validate插件雖然提供了豐富的驗證規則,但在很多時候仍然很難滿足我們的開發需求,在註冊頁面我們需要通過ajax驗證用戶輸入的用戶名是否已經被他人註冊,那此時通過傳統的Validate驗證方式已經無法滿足需求了! 我們可以通過自定義驗證方法來結合ajax實現這個需求。

自定義ajax基本語法

因為validate是JQuery的插件,所以在此之前必須先導入JQuery和validate的JS包。

    <script type="text/javascript">
                //下面開始自定義一個校驗規則(addMethod方法傳入兩個參數,第一個一個是自定義校驗規則的規則名稱,第二個傳入的是校驗方法)
                $.validator.addMethod(
                        "規則名稱",
                        function(value,element,params){
                                //這個是驗證所調用函數(校驗函數),傳入三個參數
                                //value:輸入的內容(表單元素輸入的內容)
                                //element:被校驗的元素對象
                                //params:規則對應的參數值(例:required:true 傳入的params就是true)
                        }
                );
    </script>

JQuery Validate插件如何自定義驗證方法(結合ajax實現數據庫的查重)