jQuery的步骤：提交表单时禁用提交按钮

Question

我正在使用jquery-steps.js，

我想在单击提交时禁用提交按钮，并且在提交表单之前永远不要激活它。

原因是，如果某人单击多次提交，我会收到很多邮件！

注意：我的HTML文件不包含“提交”按钮，它仅从js文件中显示，其中包含以下内容

和我的js文件看起来像这样。

$(function() {
    $("#smart-form").steps( {
        bodyTag:"fieldset", headerTag:"h2", bodyTag:"fieldset", transitionEffect:"slideLeft", titleTemplate:"<span class='number'>#index#</span> #title#", labels: {
            finish: "Send søknad", next: "Neste", previous: "Tilbake", loading: "Laster..."
        }
        , onStepChanging:function(event, currentIndex, newIndex) {
            if(currentIndex>newIndex) {
                return true;
            }
            var form=$(this);
            if(currentIndex<newIndex) {}
            return form.valid();
        }
        , onStepChanged:function(event, currentIndex, priorIndex) {}
        , onFinishing:function(event, currentIndex) {
            var form=$(this);
            form.validate().settings.ignore=":disabled";
            return form.valid();
        }
        , onFinished:function(event, currentIndex) {
            var form=$(this);
            $(form).ajaxSubmit( {
                target:'.result', beforeSubmit:function() {}
                , error:function() {}
                , success:function() {
                    $('.alert-success').show().delay(7000).fadeOut();
                    $('.field').removeClass("state-error, state-success");
                    if($('.alert-error').length==0) {
                        $('#smart-form').resetForm();
                        reloadCaptcha();
                    }
                }
            }
            );
        }
    }

Answer 1

这可能有点通用（我还没有测试过），但是可以帮助您入门

$(document).find('input[type="submit"').prop('disabled', 'disabled');

Answer 2

在第一行$(function() { ，添加：

var isFinishing = false;

在onFinished事件中，更改以下行：

var form=$(this);

为：

if (isFinishing) return;

isFinishing = true;
var form=$(this);

如果AJAX调用的success事件没有重新加载页面，则应考虑在此函数中添加以下行：

isFinishing = false;