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); 

Если success событие вызова AJAX не перезагрузить страницу, вы должны рассмотреть, добавив следующую строку в этой функции:

isFinishing = false;