Question

我有大约5个输入字段，在检查之前我希望能够使用javascript提醒用户让用户知道在检查之前必须填写空字段。

所以如果5个输入字段中有2个为空，我希望能够使用js进行警报！

任何人都可以帮助我！我已经研究了很多并且阅读了一些博客，他们说使用“长度”但是无法弄明白！

因此，只要用户点击ID为“submit”的提交按钮，就会提示提示必须填写5个输入框中的至少2个...

这是我的代码：

<input type="text" id="a" value="" />
<input type="text" id="b" value="" />
<input type="text" id="c" value="" />
<input type="text" id="d" value="" />
<input type="text" id="e" value="" />

<input type="submit" id="submit" value="Check Form" />

由于

Answer 1

document.getElementById('submit').onclick = function() {
    var inputs = document.getElementsByTagName('input'),
        empty = 0;

    for (var i = 0, len = inputs.length - 1; i < len; i++) {
        empty += !inputs[i].value;
    }
    if (empty > 3) {
        alert('You must fill in at least 2 fields');
    }
};

示例： http://jsfiddle.net/Fn8cw/

Answer 2

这会告诉你有多少是空的

var empty = $('input:text').filter(function() { return $(this).val() == ""; });

 if (empty.length > 3){
    alert("you must fill in at least two inputs");
}

这是一个working demo

当然我在假设你可以使用jQuery

Answer 3

使用jquery，您可以循环遍历所有输入字段，并在输入字段为空时递增变量：

$("#your_form_div").change(function(){     
$(this).parents('form')             
.find(':input').each(function(i) {
if( $(this).val() )
//here your incremented variable
}); });

如何检查有多少空输入字段？

3 个答案: