jQuery 验证插件：条件文本字段验证

Question

我被这个问题困扰了三天。我是一名前端开发人员，编程背景很少，所以对 javascript 知之甚少。

问题是这样的：我有两个文本字段。如果两个文本字段均为 NULL，则将进行错误验证以填写其中一个或另一个。如果其中一个文本字段已填写，则另一个文本字段将不再是必填字段。

这是我的 HTML 内容：

<ul>
 <li>
     <label for="billingAcctNo">Your account number:&nbsp;*</label>
             <input type="text" name="billingAcctNo" id="billingAcctNo" class="textfield" />
       </li>
       <li>
             <label for="billingMobileNo">Or your mobile phone number:&nbsp;*</label>
     <input type="text" name="billingMobileNo" id="billingMobileNo" class="textfield" />
       </li>

这就是我的验证：

$("#form").validate({
      rules: {
          billingAcctNo:    {
           required: "#serviceBilling:checked"
      },
      billingMobileNo: {
            required: "#serviceBilling:checked",
            phoneUS: true
        }
       },
    messages: {
                 billingAcctNo: "Please enter a valid account number or mobile number",
        billingMobileNo: {
            required: "Please enter a valid account number or mobile number",
            phoneUS: "Please enter a valid mobile phone number"
        }
});

非常感谢！我非常感谢您的反馈！

Answer 1

将规则配置更改为如下所述。

rules: {
          billingAcctNo:    {
           required: true
      },
      billingMobileNo: {
            required: true,
            phoneUS: true
        }
}