jquery - 在父表单中选择 .class 元素

Question

我有两个 FORM，其中都有 .ERROR 类。我如何在此表单中选择 .ERROR。

大致如下:

<script>

$(document).on('click','.SUBMIT',function()
{
    if($(this).closest('form').find('.ERROR').is(':visible'))
    {
        alert('ITS VISIBLE!!!!');
    }
}

</script>


<form method="post" enctype="multipart/form-data">
    <div class="ERROR" style="display:none;"></div>
    <input type="button" class="SUBMIT">
</form>

Answer 1

捕获表单提交按钮上的点击事件通常不太可靠，因为还有其他事件可以提交表单。相反，捕获提交事件，例如

+function($) {
    $(document).on('submit', 'form', function(e) {

        var form = $(this),
            error = form.find('.ERROR');
        if (error.is(':visible')) {
            alert("IT'S VISIBLE");
            return false;
        }
        return true;
    });
}(jQuery);