jQuery检查是否填充了至少两个文本输入

时间:2014-01-08 08:58:09

标签: javascript jquery html

这是我的表格:

<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的新手,任何帮助都会受到赞赏。

2 个答案:

答案 0 :(得分:2)

对于获取'select'和'input'元素的1个语句,只需将单个jQuery选择器更改为多选择器, 例如: -

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

答案 1 :(得分:0)

使用按钮尝试此操作:

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