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

发布于 2024-11-06 22:10:53 字数 576 浏览 0 评论 0原文

我有大约 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" />

谢谢

原文

I've about 5 input fields and before checking them I want to be able to alert using javascript to let the user know that there are empty fields which must be filled in before checking.

So I want to be able to alert using js if 2 of the 5 input fields are empty!

Can anybody please help me with this! I've research a lot and read some blogs that saying to use the "length" but couldn't figure it out!

So as soon as the user clicks on the submit button with the id of "submit", an alert would prompt saying must fill in at least 2 out of the 5 input boxes...

Here is my code:

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

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冰雪梦之恋 2024-11-13 22:10:53

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/

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');
    }
};

Example: http://jsfiddle.net/Fn8cw/

回复收藏 0 原文

最舍不得你 2024-11-13 22:10:53

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

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

With jquery you can loop through all of your input fields and increment a variable if the input field is empty:

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

回复收藏 0 原文

绾颜 2024-11-13 22:10:53

这会告诉你有多少是空的

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

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

，这是一个工作演示

当然我假设你可以使用jQuery

this will tell you how many are empty

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

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

here is a working demo

of course I'm assumming you can use jQuery

回复收藏 0 原文

~没有更多了~