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
        }
}

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

1 个答案: