检查jquery中的所有Condition类

Question

我使用此函数来检查验证类。

<script>
function check_form()
{
if ( !$(".validating").val() )
{
$(".validating").css("background-color","yellow");
}
else
$(".validating").css("background-color","#fff");
}
</script>

和html代码

<form>
<input type="text" name="txt1" class="validating">
<input type="text" name="txt1" class="validating">
<input type="submit" onclick="check_form()" >
</form>

onclick fisrt工作正常，bg黄色。但是当第一次输入（txt1）时填写文本页面刷新???

但是当第二个输入（txt2）填充并且首先为空时仍然正常工作。

我认为功能检查只是第一次输入。

Answer 1

您需要检查该类的所有输入，如下所示：

function check_form() {
    $(".validating").each(function () {
        if (this.value == '') {
            $(this).css("background-color", "yellow");
        } else $(this).css("background-color", "#fff");
    });
}