开发者

jQuery custom validation: custom phone number format

开发者 https://www.devze.com 2023-01-31 23:25 出处:网络
I have a form in which you have to input your phone number and other fields. I\'m validating the form with jQuery Vali开发者_开发技巧date.

I have a form in which you have to input your phone number and other fields.

I'm validating the form with jQuery Vali开发者_开发技巧date.

To validate the phone number field I do:

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

But I need to check also that phone starts with 6.

How can I do that?


You can add a custom validator

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");

and use it like this:

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

You need to edit the regex inside phone_number.match to suit your requirements.


I think you will need to add a custom validator.

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


You can also try simple Javascript function

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

Note: This comment/code is for those who are not using jquery validate.

0

精彩评论

暂无评论...
验证码 换一张
取 消