こんにちは、3 つの名前フィールドと 3 つの電子メール フィールドが隣接する単純なモーダル ポップアップがあります。私はjQueryが初めてなので、次のケースのロジックを書く方法を教えてください。
名フィールドと電子メール フィールドは必須なので、クラスを必須フィールドのままにしましたが、他の 2 つの名前と電子メール フィールドはオプションですが、名前フィールドに値を入力すると、電子メール フィールドに値を入力する必要があります。つまり、名前フィールドが空でない場合、電子メール フィールドは空であってはなりません。誰かが私を助けることができるかどうか教えてください。
<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>