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

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

名字字段和电子邮件字段是必填字段，因此我将类保留为必填字段，而其他两个名字字段和电子邮件字段是可选字段，但是如果我在名字字段中输入值，则必须在电子邮件字段中输入值。换句话说，如果名称字段不为空，则电子邮件字段不应为空。请让我知道是否有人可以帮助我谢谢你。

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

最佳答案

也许是这样的：

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

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

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