Предотвращение отправки формы несколько раз

Question

У меня есть код, в котором я пытаюсь предотвратить отправку формы несколько раз. Я нашел этот код в другом потоке Stack, но он не работает. Вместо этого он представляет форму бесконечного времени и отстает от всего сервера!

$(document).ready(function() { 
    $('form').submit(function() { 
     console.log("hi") 
     if ($(this).valid()) { 
      $(this).submit(function(){ 
       return false; 
      }); 
      return true; //Tried with an without 
     } 
    }); 
}); 

Вот картина выхода в консоли:

Это Предохранять отправки формы. Я просто сделал снимок с этим номером.

Нить, на которой я нашел код, приведенный выше, является принятым ответом на this question, и у него много оборотов.

Обратите внимание, что у меня есть несколько форм на странице и много страниц со многими формами! Решение одной конкретной формы недостаточно. Мне нужно глобальное решение. Также я использую Codeigniter.

Answer 1

Вам необходимо отменить отправку первоначальной формы, чтобы вы сделали это только после того, как подтвердили ее. Но, честно говоря, HTML5 не отправит, если форма недействительна, поэтому ваш код кажется излишним.

Вот рабочий пример, который выводит большую часть JQuery из микса. Он только представляет форму один раз.

Вы также можете проверить его здесь: https://jsfiddle.net/5oyp6aa0/6/

$(function() { 
    var theForm = document.querySelector("form"); 
    theForm.addEventListener("submit",function(evt) { 
     // First, cancel the form's submission: 
     evt.preventDefault(); 
     evt.stopPropagation(); 
     console.log("Navitve Submit Cancelled") 
     if (theForm.checkValidity()) { 
      // Then, only if it's valid, submit 
      console.log("Manual Submit Triggered"); 
      theForm.submit(); 
     } 
    }); 

}); 

Answer 2

Попробуйте переходящая в случае и с помощью e.preventDefault()

$(document).ready(function() { 
    $('form').submit(function(e) { 
     e.preventDefault(); 
     console.log("hi") 
     if ($(this).valid()) { 
      $(this).submit(function(){ 
       return false; 
      }); 
     } 
    }); 
}); 

Answer 3

Поправьте меня, если я ошибаюсь, но, не должны вы просто return;, если это действительно, иначе прекратите подачу, как в документации jQuery example.

$(document).ready(function() { 
    $('form').submit(function(event) { 
     console.log("hi") 
     if ($(this).valid()) { 
      return; 
     } 
     event.preventDefault(); 
    }); 
}); 

Answer 4

После того, как ни один из этих ответов не работал, я решил сделать еще один выстрел. Это работает для меня.

$(document).ready(function() { 
    $("form").submit(function (e) { 
     var attr = $(this).attr('submitted'); 
     if (typeof attr === typeof undefined || attr === false) { 
      if ($(this).valid()) { 
       $(this).attr('submitted', 'submitted'); 
       $(this).submit(); 
      } else { 
       e.preventDefault(); 
      } 
     } else { 
      e.preventDefault(); 
     } 
    }); 
});