jquery.validate是一個非常強(qiáng)大的表單驗證插件。它可以用于網(wǎng)頁表單的驗證,包括手機(jī)號碼驗證。下面我們來介紹一下如何使用jquery.validate對手機(jī)號碼進(jìn)行驗證。
// 驗證手機(jī)號碼 $.validator.addMethod("isMobile", function (value, element) { var reg = /^1[3|4|5|6|7|8|9]\d{9}$/; return this.optional(element) || (reg.test(value)); }, "請正確填寫您的手機(jī)號碼"); // 手機(jī)號碼驗證規(guī)則 var rules = { mobile: { required: true, isMobile: true } }; // 手機(jī)號碼驗證提示信息 var messages = { mobile: { required: "手機(jī)號碼不能為空", isMobile: "手機(jī)號碼格式不正確" } }; // 配置jquery.validate插件 $("#form").validate({ rules: rules, messages: messages, errorPlacement: function(error, element) { error.appendTo(element.parent().parent().find(".error-msg")); } });
以上就是使用jquery.validate對手機(jī)號碼進(jìn)行驗證的代碼。我們可以通過addMethod方法添加自定義的驗證規(guī)則,然后在rules中引用該規(guī)則即可。同時,我們還需要定義提示信息,以便在驗證失敗時提示用戶錯誤信息。
另外需要注意的是,我們使用了errorPlacement函數(shù)定制了錯誤提示信息的位置。這里我們將錯誤信息放置在了父節(jié)點中名為error-msg的元素中。