[TOC] > [菜鳥教程](https://www.runoob.com/jquery/jquery-plugin-validate.html) > [官方文檔](https://jqueryvalidation.org/documentation/) ## 導入js ``` <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> //默認中文提示 <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> ``` ## 注意事項 ### 用其他方式替代默認的 SUBMIT 單獨設置 ``` submitHandler:function(form){$(form).ajaxSubmit();}}); ``` 默認設置 ``` $.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); ``` ### debug，只驗證不提交表單 ``` debug:true ``` ### 更改錯誤信息顯示的位置 把錯誤放置在字段的后面 ``` errorPlacement: function(error, element) {error.appendTo(element.parent()); } ``` ### 每個字段驗證通過執行函數 在通過驗證的字段后添加 " ?驗證成功" ``` //style .check::after{ content: "?驗證成功"; color:green; margin-left: 5px; } success:function(label){ label.addClass("check"); }, ``` ### 異步驗證 //接口返回 字符串的 `"true"` 或者`"false"` ``` <label >昵稱 <input type="text" name="nickname" remote="a.php" > </label> <br> messages:{ nickname:{ remote:"昵稱不唯一" } } ``` ### radio 和 checkbox、select 的驗證 [查看](http://www.runoob.com/jquery/jquery-plugin-validate.html) ### 對單個元素進行驗證 在共有表單外,需要額外添加單獨的驗證