jquery - jQuery Submit Handler Ajax 需要双击执行

Question

嗨，我想问你关于 jQuery 提交处理程序 Ajax 的问题。

就我而言，我需要双击按钮来执行。为什么？以及如何设置 1 单击按钮然后执行。

到目前为止，这是我的代码：

$(window).load(function()
    {
        $(document).ready(function()
        {
$('#forms2').validate(
            {
rules
}
submitHandler: function(form)
                {
                    $(document).ready(function() {
                            var form = $('#forms2'); // contact form
                            var submit = $('#submit');  // submit button
                            var alert = $('.alert'); // alert div for show alert message

                            // form submit event
                            form.on('submit', function(e) {
                                e.preventDefault(); // prevent default form submit
                                // sending ajax request through jQuery
                                $.ajax({
                                    url: 'post_prod_rev.php', // form action url
                                    type: 'POST', // form submit method get/post
                                    dataType: 'html', // request type html/json/xml
                                    data: form.serialize(), // serialize form data 
                                    beforeSend: function() {
                                        alert.fadeOut();
                                        submit.html('Sending....'); // change submit button text
                                    },
                                    success: function(data) {
                                        alert.html(data).fadeIn(); // fade in response data
                                        form.trigger('reset'); // reset form
                                        submit.html('Send Email'); // reset submit button text
                                    },
                                    error: function(e) {
                                        console.log(e)
                                    }
                                });
                            });
                        });
                }

Answer 1

你已经让它尽可能的复杂了，没有必要一起使用$(window).load()and $(document).ready()in thesubmitHandler没有必要$(document).ready()再次使用

$(document).ready(function () {
    $('#forms2').validate({
        rules: {},
        submitHandler: function (form) {
            var form = $('#forms2'); // contact form
            var submit = $('#submit'); // submit button
            var alert = $('.alert'); // alert div for show alert message

            $.ajax({
                url: 'post_prod_rev.php', // form action url
                type: 'POST', // form submit method get/post
                dataType: 'html', // request type html/json/xml
                data: form.serialize(), // serialize form data 
                beforeSend: function () {
                    alert.fadeOut();
                    submit.html('Sending....'); // change submit button text
                },
                success: function (data) {
                    alert.html(data).fadeIn(); // fade in response data
                    form.trigger('reset'); // reset form
                    submit.html('Send Email'); // reset submit button text
                },
                error: function (e) {
                    console.log(e)
                }
            });
            return false;
        }
    });
});