2009-07-30 13 views
2

Hallo Ich habe ein einfaches modales Popup, das 3 Namensfelder und 3 E-Mail-Felder nebeneinander hat. Ich bin neu in jQuery, also kann mir bitte jemand helfen, eine Logik für den folgenden Fall zu schreiben?Schreiben von bedingten Regeln mit jQuery Validierung

Das Feld Vorname und E-Mail sind obligatorisch, daher habe ich die Klasse als Pflichtfelder behalten, aber die anderen beiden Namen- und E-Mail-Felder sind optional, aber wenn ich einen Wert im Feld Name eingebe, muss ich den Wert in Email eingeben Feld. Mit anderen Worten, wenn das Namensfeld nicht leer ist, sollte das E-Mail-Feld nicht leer sein. Bitte lassen Sie mich wissen, wenn jemand mir helfen kann, Ihnen zu danken.

<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> 

Antwort

1

Vielleicht so etwas wie dieses:

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

Sie auch die Länge der einzelnen Werte überprüfen können.

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