jquery - 使用 jQuery 验证编写条件规则

Question

嗨，我有一个简单的模式弹出窗口，其中有 3 个姓名字段和 3 个彼此相邻的电子邮件字段。我是 jQuery 新手，所以有人可以帮助我如何为以下情况编写逻辑吗？

名字字段和电子邮件字段是强制性的，因此我将类(class)保留为必填字段，但其他两个姓名和电子邮件字段是可选的，但如果我在姓名字段中输入值，我必须在电子邮件字段中输入值。换句话说，如果姓名字段不为空，则电子邮件字段不应为空。如果有人可以帮助我，请告诉我，谢谢。

<div class="leftCol">
        <label for="emailToName1" class="formLabel"><span class="required">*</span>Name:</label>
          <div><input type="text" id="emailToName1" name="referName01" value="${referAFriendBean.referName01!}" class="required" tabindex="1" /></div>
          <div class="pad5Top"><input type="text" id="emailToName2" name="referName02" value="${referAFriendBean.referName02!}" tabindex="3" /></div>
          <div class="pad5Top"><input type="text" id="emailToName3" name="referName03" value="${referAFriendBean.referName03!}" tabindex="5" /></div>
        </div>

        <div class="rightCol">
            <label for="emailToAddress1" class="formLabel"><span class="required">*</span>Email address:</label>
          <div><input type="text" id="emailToAddress1" name="referEmail01" value="${referAFriendBean.referEmail01!}" class="required email" tabindex="2" /></div>
          <div class="pad5Top"><input type="text" id="emailToAddress2" name="referEmail02" class="email" tabindex="4" value="${referAFriendBean.referEmail02!}" /></div>
          <div class="pad5Top"><input type="text" id="emailToAddress3" name="referEmail03" class="email" tabindex="6" value="${referAFriendBean.referEmail03!}" /></div>
        </div>
      </div>

Answer 1

也许是这样的:

if($('emailToName2').val() != '' && $('emailToAddress2').val() == ''){
//do something here
}

您还可以检查每个值的长度。

if($('emailToName2').val().legnth > 0 && $('emailToAddress2').val().length == 0){
//do something here
}