2014-01-08 70 views
0

這是我的形式:jQuery的檢查,如果至少兩個文本輸入框都充滿

<FORM id="form1">       
      Fields : 
         <fieldset name="titles"> 
         <br> 
      <INPUT class = "fit" type="text" name="title"> 
         <br> 
      <INPUT class = "fit" type="text" name="title"> 
         <br> 
         <INPUT class = "fit" type="text" name="title"> 
         <br> 
         <INPUT class = "fit" type="text" name="title">      
         </fieldset> 
      </FORM> 

我如何檢查是否至少有兩個出這四個字段都被填充了?下面是i'I've嘗試:

$('#form1').validate({ // initialize the plugin 
    rules: { 
     title: { 
      required: "input[name='title']", 
      minlength: 2 
     }, 
     messages: { 
      title: "You must fill at least two titles!" 
     } 
    } 
}); 

但它不工作,它總是返回一個有效形式。我是一個新手,jQuery的,任何幫助,將不勝感激。

+0

您使用了哪個插件,您確實在頁面上包含驗證插件嗎?你的控制檯有任何錯誤嗎? –

+0

'name'屬性必須是唯一的,或者後面跟着方括號以允許多個值。 – TiMESPLiNTER

+0

@IanJamieson插件是包含的,我沒有看到控制檯中的任何錯誤... – salamey

回答

2

對於1個語句搶都「選擇」和「輸入」的元素,只需您的一個jQuery選擇更改爲多重選擇器, 如: -

$(this).find('input[type=text], select').each(function(){ 
      if($(this).val() != "") valid+=1; 
     }); 
0

與按鈕試試這個:

$("#submit_button").click(function(){ 
     if($('input[text]').length < 2) { 
       alert('at least two text inputs are filled'); 
       return false; 
      } 
     }); 
相關問題