Question

您好我有一个简单的模态弹出窗口，其中有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>

Answer 1

也许是这样的：

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

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

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

使用jQuery验证编写条件规则

1 个答案: