0

我正在使用jQuery 验证插件。当我点击提交按钮不止一次时，成功消息的警报会显示不止一次。如何防止多次点击提交按钮？

$(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'));
                });
            });
        }
    });
});
4

2 回答 2

1

您可以禁用提交按钮。或者您可以将提交按钮替换为“处理中...”文本。

于 2013-07-02T16:25:27.290 回答
1

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

于 2013-07-02T16:34:57.083 回答