Écrire une règle conditionnelle à l'aide de la validation jQuery

Question

Salut J'ai une fenêtre modale simple qui a trois champs de nom et trois champs de courrier électronique adjacents. Je suis nouveau à jQuery alors quelqu'un peut-il m'aider s'il vous plaît comment écrire une logique pour le cas suivant? Le champ du prénom et le champ E-mail sont obligatoires, j'ai donc gardé la classe comme champs obligatoires mais les deux autres champs nom et e-mail sont facultatifs mais si je saisis une valeur dans le champ nom, je dois entrer la valeur dans E-mail champ. En d'autres termes, si le champ de nom n'est pas vide, le champ de courrier électronique ne doit pas être vide. S'il vous plaît laissez-moi savoir si quelqu'un peut m'aider merci.

<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

Peut-être quelque chose comme ceci:

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

Vous pouvez également vérifier la longueur de chaque valeur.

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