jQuery验证 - 检查复选框时检查输入值

Question

我有一个输入字段的电话号码与SMS更新选项。我想检查一下，当检查短信复选框时，该号码是手机号码。我已经得到了正则表达式的工作，这是验证，但即使没有检查复选框时，也显示'移动需求'错误。

$.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); 
     } 
     }, "Mobile Required" 
    ); 


    $("form#patient-detials").validate({ 
     rules: { 
     'patient[person_attributes][phone_mobile]': { 
      maxlength: 10, 
      minlength: 10, 
      digits: true, 
      regex: "^04[0-9]{8}" 
     } 
     } 
    }); 

Answer 1

更新（从下面的评论）。

如果没有输入if，这在技术上导致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"); 

左右离开这个部分，因为它可能对别人有用：

我会作如下更新您调用validate和规则：

$.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/

---

把它只是一个小小的一步，我会建议删除从规则本身的“流动所需的”方法（你想重复使用正则表达式规则毕竟），并将其放置在验证呼叫的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" 
     } 
    } 
}); 

例子：http://jsfiddle.net/andrewwhitaker/5BVCK/

这样，你是不是限制你的验证规则（这是通用的，它可以应用到其他领域）与特定形式。