Question

我已经忙了好一段时间了，似乎无法得到这个。它应该非常简单（我猜）。

我的网站上有ID #form-custom的表单。当您单击提交按钮并且某些字段不正确时，它将显示错误消息，并且类将添加到表单class .error。

我要做的是添加一个eventlistener或其他在#form-custom类更改为id="form-custom" class="error"时显示提醒的内容。

到目前为止，我已尝试过这些代码：

document.getElementById("form-custom").addEventListener("click", classchange);
    function classchange() {
        if document.hasClass.("error");
        alert("boe");
    }

和

if ($("#form-custom").hasClass('error')) {
            alert('boe.');
        });

和

$(document).ready(function(){

    $('form#form-custom').click(function(){    
        if ($(this).hasClass('error')) {
            alert('boe.');
        }
    });
}

这些代码的一些变体。但不做我希望他们做的事情......

有人可以帮助我吗？

Answer 1

表单提交应该是适用于您的情况的事件

$('#form-custom').on("submit", function()
{
     if($(this).hasClass("error"))
     {
         alert("Validation fail message");
         return false;
     }

     // submit form

});

Answer 2

您可以使用MutationObserver
我会用这样的东西：

$("#form-custom").on("submit",function(){
    var me = $(this);
    // wait for the other onSubmit to set class
    setTimeout(function(){
        if(me.hasClass("error")) {
            alert("error")
        }
    });
});

在班级变更时显示警报

2 个答案: