此表單驗證插件會對表單字段進行驗證，實時提示用戶輸入信息，用戶體驗非常好，驗證提示緊隨input框！

成都創(chuàng)新互聯(lián)公司專注于蓋州網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供蓋州營銷型網(wǎng)站建設，蓋州網(wǎng)站制作、蓋州網(wǎng)頁設計、蓋州網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務，打造蓋州網(wǎng)絡公司原創(chuàng)品牌,更為您提供蓋州網(wǎng)站排名全網(wǎng)營銷落地服務。

以下為表單驗證案例代碼：

    //引入的插件

    $(document).ready(function(){
        formValidate();                               //表單驗證函數(shù)
    });
    function formValidate(){
        $("#sendmail").validate({                      //#sendmail表單id
            errorElement : "span",                     //錯誤信息將放入此標簽內(nèi)
            errorClass: "error_input" ,                //驗證出錯時使用的css class
            success: "valid" ,                         //自定義驗證成功時的動作
            errorPlacement: function(error, element) { //自定義錯誤消息的顯示位置

                element.next().html(error);     //error錯誤信息，element錯誤產(chǎn)生的input
            },
                rules: {
                    "from":{
                        required: true
                    },
                    "fromName":{
                        required: true
                    },
                    "to":{
                        required: true
                    },
                    "url":{
                        required: true
                    },
                    "subject":{
                        required: true
                    },
                    "html":{
                        required:true
                    },
                    "contry":{
                        required:true
                    }
                },
            messages: {
                "from":{
                    required: '請輸入公司名稱'
                },
                "fromName":{
                    required: '請選擇省份'
                },
                "to":{
                    required: '請選擇城市'
                },
                "url":{
                    required: '請選擇縣/區(qū)'
                },
                "subject":{
                    required: '請輸入地址'
                },
                "html":{
                    required:'請選擇國家區(qū)號'
                },
                "contry":{
                    required:'請選擇國家區(qū)號'
                }
            },
            submitHandler: function(form){ //表單提交句柄,為一回調(diào)函數(shù)，帶一個參數(shù)：form

                form.submit();    //提交表單
            }
        });

    };



    .error_input{color:red;}                         //錯誤提示的樣式


    
發(fā)件郵箱：
    
發(fā)件姓名：
    
收件郵箱：
    
url：
    
發(fā)件主題：
    
選擇類別：
            中國
            美國
            日本
            俄羅斯
            法國
            德國
        
        
    
郵件內(nèi)容：
    
附　　件：