jQuery 1.12 中的 validate 插件是一個非常強大的表單驗證工具,它能夠幫助開發人員輕松進行表單驗證,同時提供了許多高級的驗證功能,如自定義規則、異步驗證、國際化等。
// 基本用法 $("#form").validate(); // 自定義規則 $.validator.addMethod("phone", function(value, element) { var phoneReg = /^1\d{10}$/; return this.optional(element) || phoneReg.test(value); }, "請輸入正確的手機號碼"); // 添加自定義規則到驗證規則中 $("#form").validate({ rules: { phone: { required: true, phone: true } } }); // 異步驗證 $("#form").validate({ rules: { username: { required: true, remote: { url: "check_username.php", type: "post", data: { username: function() { return $("#username").val(); } } } } } }); // 國際化 $("#form").validate({ messages: { email: { email: "請輸入正確的郵箱地址" } }, submitHandler: function(form) { form.submit(); } });
通過對 jQuery 1.12 validate 插件的學習和運用,開發人員能夠更方便地進行表單驗證,從而提高網站的整體用戶體驗。