jQuery檢查是否填充了至少兩個文本輸入

Question

這是我的表格：

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

如何檢查這四個字段中至少有兩個是否填滿？ 這是我嘗試過的：

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

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

Answer 1

對於獲取'select'和'input'元素的1個語句，只需將單個jQuery選擇器更改為多選擇器，例如： -

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

Answer 2

使用按鈕嘗試此操作：

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