[TOC] ## 使用方式 ### 方式一:將校驗規則寫到控件中 ``` <script> $.validator.setDefaults({ submitHandler: function() { alert("提交事件!"); } }); $().ready(function() { $("#commentForm").validate(); }); </script> <form class="cmxform" id="commentForm" method="get" action=""> <fieldset> <legend>輸入您的名字，郵箱，URL，備注。</legend> <p> <label for="cname">Name (必需, 最小兩個字母)</label> <input id="cname" name="name" minlength="2" type="text" required> </p> <p> <input class="submit" type="submit" value="Submit"> </p> </fieldset> </form> ``` ### 方式二:將校驗規則寫到 js 代碼中 ``` $("#signupForm").validate({ rules: { password: { required: true, minlength: 5 }, confirm_password: { required: true, minlength: 5, equalTo: "#password" }, messages: { username: { required: "請輸入用戶名", minlength: "用戶名必需由兩個字母組成" }, password: { required: "請輸入密碼", minlength: "密碼長度不能小于 5 個字母" }, }) }); ```