jQuery自定义验证:电话号码从6开始

时间:2010-12-20 14:40:51

标签: jquery jquery-validate phone-number

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

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

要验证电话号码字段,我会这样做:

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

但我还需要检查手机是否以6开头。

我该怎么做?

3 个答案:

答案 0 :(得分:7)

您可以添加自定义验证器

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内的正则表达式以满足您的要求。

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)

您还可以尝试简单的Javascript功能

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

注意:此评论/代码适用于未使用jquery验证的人。