欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery.validate手機(jī)驗證

黃文隆2年前9瀏覽0評論

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的元素中。