相關的輸入字段驗證jQuery中

Question

我試圖驗證依賴投入的領域，但我沒有得到任何想法..

假設我有3個字段名爲FIRST_NAME，middle_name和年齡。如果所有的字段爲空或空白，那麼它沒問題，但是當第一個字段被填充時，其他兩個必須要求&驗證正確...所以我怎麼能實現這個使用jQuery。 我使用的jquery.js和jquery.validate.js

<script> 
$(document).ready(function(){ 
    $("#frm").validate({ 
       rules:{ 
        middle_name:{ 
      required: function(element) { 
      return $('input[name="first_name"]').val() != ''; 
      } 
        } 
       }, 
       messages:{ 
         middle_name:{ 
          required:"now it is mandatory.." 
       }, 
}); 
}); 
</script> 

Answer 1

你的代碼看起來正確的我 - 只是爲了作出明確你需要做的嘗試這樣

<form> 
    <input type="text" name="first_name" id="first_name" class="required"/> 
    <input type="text" name="middle_name" id="middle_name"/> 
    <input type="text" name="last_name" id="last_name"/> 
    <input type="submit" /> 
</form> 

標記是什麼，你可以使用一個選擇器或作爲一個必需的參數的值的函數，我已經下面

$("form").validate({ 
    rules:{ 
     middle_name:{ 
      required:function(){ 
       return $('input[name="first_name"]').val() != ''; 
      } 
     }, 
     last_name:{ 
      required:"#first_name:filled" 
     } 
    } 
}); 

fiddle here

使用這兩種