2009-07-30 54 views
2

嗨我有一個簡單的模式彈出,其中有3個名稱字段和3個電子郵件字段彼此相鄰。我是jQuery的新手,所以任何人都可以幫助我如何爲以下情況編寫邏輯?使用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> 

回答

1

也許是這樣的:

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

你也可以查看每個值的長度。

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