jquery - 检查jQuery中的所有条件类

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 first 工作正常，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");
    });
}