javascript - 使用其他电话验证插件进行电话验证

Question

我正在使用一个 mroe jQuery 插件在 Jquery 的 Validate PLugin 中创建自定义规则。我正在使用 jQuery 插件 https://github.com/Bluefieldscom/intl-tel-input 来格式化电话号码。我将规则包含在这样的验证插件中。

$("#UserSettingsForm").validate({
        rules: {
            "data[User][phone]": {
                required: true,
                 fieldPresent: function () {
                     return $("#UserPhone").intlTelInput("isValidNumber");
                 }
            }
        },
    });

如果号码有效，则返回 $("#UserPhone").intlTelInput("isValidNumber"); true/false。但它没有附加到元素“data[User][phone]”，这是一种我可以将其附加到元素而不提及 ID 的方法，以便我可以在全局范围内使用它，并且它也使用电话验证来验证我的插件。

Answer 1

使用addMethod库的功能:

$.validator.addMethod('isValidNumber',function (value,element){
    return this.optional(element) || $(element).intlTelInput('isValidNumber');
},'Please specify a valid phone number');

那么你的规则将如下所示:

rules: {
    required:true,
    isValidNumber:true
}