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;