Jquery验证插件不适用于addmethod

Question

我正在使用jquery验证插件。当尝试使用手机号码正则表达式验证时，它不起作用。有人能帮我吗。

$(document).ready(function() {
$.validator.addMethod(
"regex",
function(value, element, regexp) {
var check = false;
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
},""
);
});

$("#membership_form").validate({
rules: {
"data[mobile]": {
required: true,
number: true,
regex: '/^2547d{8}/'                                   
},
},
messages: {
"data[mobile]": {
required: 'Phone number is required',
regex:'Please match the pattern'
},
},

});

Answer 1

试试这个

我看到的唯一可疑的是validate方法中的名称。您似乎试图使用错误的名称data[mobile]进行验证。

$.validator.addMethod( "regex", function(value, element, regexp) { var check = false; var re = new RegExp(regexp); return this.optional(element) || re.test(value); },""); 
$("#membership_form").validate({
rules: {
"Mobile": {
required: true,
number: true,
regex: '/^2547d{8}/'                                   
},
},
messages: {
"Mobile": {
required: 'Phone number is required',
regex:'Please match the pattern'
},
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<form id="membership_form">
<input name="Mobile" type="text"/>
<input type="submit"/>
</form>