Jquery 无法使用click事件检查必填字段

我试图在用户单击“我的表单”按钮后检查输入字段的值，但它没有进入输入循环来检查必填字段。这不适用于单击事件吗？这就是我要说的

$('#submit_button').click(function(){

    var formValid = true;

    $(".required input").each(function(){
        if ($.trim($(this).val()).length == 0){
            $(this).addClass("error_msg");
            formValid = false;
        }
        else{
            $(this).removeClass("error_msg");
        }
    });
    // post form if no errors are seen

})

我的输入HTML如下所示：

<input class="required" type="text" value="" name="test" id='test_id' size="80"/>

我错过了什么？这似乎应该是有效的…

您需要使用它来阻止表单提交。

试试看

$("input.required")

而不是

$(".required input")

您可以使用jQuery功能提交表单：

$('#submit_button').click(function(){

    var formValid = true;

    $("input.required").each(function(){
        if ($.trim($(this).val()).length == 0){
            $(this).addClass("error_msg");
            formValid = false;
        }
        else{
            $(this).removeClass("error_msg");
        }
    });

    if(formValid) $('#yourForm').submit();
    else return false; //if the button is a submit
});

改用$'input.required'。 如果使用$'.required input'，它将在.required类中查找任何输入元素。在这种情况下，就没有了