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 
}