在jQuery Validation Plugin上禁用多个提交

Question

我正在使用jQuery Validation Plugin。当我点击提交按钮时，成功消息的警告会显示我一次以上。如何防止多次点击提交按钮？

$(document).ready(function() {
    $('#contact-us').validate({
        rules: {
            cName: 'required',
            email: 'required',
            cText: 'required'
        },
        messages: {
            cName: '<?php echo $errorName; ?>',
            email: '<?php echo $errorEmail; ?>',
            cText: '<?php echo $errorComment; ?>'
        },
        submitHandler: function(form) {
            var formInput = $(this).serialize();
            $.post($(this).attr('action'), formInput, function(data){
                $('#contact-us').fadeOut('fast', function(){                   
                    $(this).before($('<p class="alert alert-success"><?php _e( 'Your message was sent successfully. Thanks!' ); ?></p>').fadeIn('fast'));
                });
            });
        }
    });
});

Answer 1

您可以停用提交按钮。或者您可以使用“正在处理...”文本替换提交按钮。

Answer 2

您还可以删除按钮的onClick值，或使用event.preventDefault（）