Update(来自您下面的评论)。
如果以下情况,您不会从自定义规则中返回 trueif
未输入,这从技术上讲会导致undefined
返回给调用者(这是一个falsey价值)。按如下方式更新您的规则:
$.validator.addMethod("regex", function(value, element, regexp) {
if ($('#receive_sms_updates').is(':checked')) {
var check = false;
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
}
return true;
}, "Mobile Required");
留下这部分是因为它可能对其他人有用:
我将更新您的验证调用和规则,如下所示:
$.validator.addMethod("regex", function(value, element, regexp) {
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
}, "Mobile Required");
$("form#patient-detials").validate({
rules: {
'patient[person_attributes][phone_mobile]': {
maxlength: 10,
minlength: 10,
digits: true,
regex: "^04[0-9]{8}",
required: "#receive_sms_updates:checked"
}
}
});
如您所见,required
属性采用“依赖表达式”,用于确定是否需要移动字段(基于是否需要)#receive_sms_updates
被选中)。
这是一个例子: http://jsfiddle.net/andrewwhitaker/ED6cX/
为了更进一步,我建议从规则本身中删除“Mobile required”方法(毕竟您需要一个可重用的正则表达式规则),并将其放在messages
您的验证调用中的属性。就像是:
$.validator.addMethod("regex", function(value, element, regexp) {
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
});
$("form#patient-detials").validate({
rules: {
'patient[person_attributes][phone_mobile]': {
maxlength: 10,
minlength: 10,
digits: true,
regex: "^04[0-9]{8}",
required: "#receive_sms_updates:checked"
}
},
messages: {
'patient[person_attributes][phone_mobile]': {
required: "Mobile Required",
regex: "Please enter a valid mobile number"
}
}
});
Example: http://jsfiddle.net/andrewwhitaker/5BVCK/
这样,您就不会使用特定的表单来限制您的验证规则(该规则足够通用,可以应用于其他字段)。