jQuery.validate是一個基于jQuery的可驗證表單插件,可以幫助你更方便地驗證用戶輸入的表單內容是否合法。
以下是一個簡單的例子:
<form id="myForm"> <input type="text" name="username" id="username"> <input type="password" name="password" id="password"> <input type="submit" value="Submit"> </form> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script> <script> $(document).ready(function() { $("#myForm").validate({ rules: { username: { required: true, minlength: 5 }, password: { required: true, minlength: 6 } }, messages: { username: { required: "請輸入用戶名", minlength: "用戶名長度不能少于5個字符" }, password: { required: "請輸入密碼", minlength: "密碼長度不能少于6個字符" } } }); }); </script>
在這個例子中,我們使用了jQuery.validate插件來驗證表單。
在<form>元素上調用validate()方法來初始化插件。
在rules屬性中定義了需要驗證的字段及其規則。
在messages屬性中定義了驗證失敗時的提示信息。
除了以上基本用法之外,jQuery.validate還支持很多高級用法,如自定義驗證規則、多語言支持等。
使用jQuery.validate插件可以使得前端表單驗證變得更加方便和高效。