Jquery:检查是否有任何输入元素填充在 div 标记中

Question

我有一个标签，在那个 div 中我有多个元素。有没有一种方法可以检查这些输入元素是否已填充？

补充一下，我这样做的原因是因为我有一个巨大的表格，分为 4 个标签，分别处理不同的部分。我只想在用户输入某些内容时对此部分运行验证。希望这是有道理的!

Answer 1

假设你有这样的东西:

<div class="input_container">
    <input name="something">
    <input name="something">
    <input name="something">
    <input name="something">
</div>
<div class="input_container">
    <input name="something">
    <input name="something">
    <input name="something">
    <input name="something">
</div>
<div class="input_container">
    <input name="something">
    <input name="something">
    <input name="something">
    <input name="something">
</div>

你可以像这样使用jquery:

$(".input_container").each(function () {
    //iterates over each INPUT CONTAINER

    $(this).children('input').each(function () {
        //iterates over each INPUT element
        if ($(this).val() === "") {
            alert("Not filled in");
        }
    });
})