消息后，Javascript模式自动关闭

Question

我在下面的java脚本中使用联系表单提交＆amp;在特定时间之后，模态应该自动关闭

if ($('.js-form').length) {
    $('.js-form').each(function() {
        $(this).validate({
            errorClass: 'error form-error',
            submitHandler: function(form) {
                $.ajax({
                    type: "POST",
                    url: "mail.php",
                    data: $(form).serialize(),
                    success: function() {
                        $('#error').modal('hide');
                        $('#success').modal('show');
                    },
                    error: function() {
                        $('#success').modal('hide');
                        $('#error').modal('show');
                    }
                });
            }
        });
    });
}

Answer 1

在提交表单时，您需要return false。

Answer 2

你可以在这样的处理程序中使用setTimeout()。

success: function() {
    $('#error').modal('hide');
    $('#success').modal('show');

    setTimeout(function(){ 
        $('#success').modal('hide'); 
    }, 3000);
},
error: function() {
    $('#success').modal('hide');
    $('#error').modal('show');

    setTimeout(function(){ 
        $('#error').modal('hide'); 
    }, 3000);
}

Answer 3

要在特定时间后关闭，您必须使用setTimeOut。使用当前代码，隐藏/显示功能将在ajax响应后立即执行。