使用jQuery驗證編寫條件規則

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
}