jquery - jQuery自定义验证：以6开头的电话号码

Question

我有一个表格，您必须在其中输入您的电话号码和其他字段。

我正在使用 jQuery Validate 验证表单。

要验证电话号码字段，我会：

rules: {
    phone: {
    required: true,
        minlength: 9,
        number:true
    },..

但我还需要检查电话是否以 6 开头。

我怎样才能做到这一点？

Answer 1

您可以添加自定义验证器

jQuery.validator.addMethod("phoneStartingWith6", function(phone_number, element) {
    phone_number = phone_number.replace(/\s+/g, ""); 
    return this.optional(element) || phone_number.match(/^6\d{8,}$/);
}, "Phone number should start with 6");

并像这样使用它：

rules: {
    phone: {
        required: true,
        minlength: 9,
        phoneEnding6: true
    },..

您需要编辑内部的正则表达式phone_number.match以满足您的要求。

Answer 2

我认为您将需要添加一个自定义验证器。

$.validator.addMethod("phoneNumber", function(uid, element) {
    return (this.optional(element) || uid.match(phone number regex));
}

Answer 3

您也可以尝试简单的 Javascript 函数

"Hello World!".startsWith("He"); //true

注意：此评论/代码适用于不使用 jquery validate 的人。