停止表单在多步表单上提交两次 - JS

Question

I am trying to stop the form from submitting multiple times so it does not charge their card multiple times, I have tried using the methods of a non-multi-step form but they do not produce the same outcome.

CODE:

I have tried using this but it also disables the next and previous buttons.

$('#submit-form').click(function() {
    if(this.form.checkValidity()) {
        this.form.submit();
               $('#msform').attr("action" , "javascript:void%200");

    }
}); 

HERE IS THE FULL CODE:

https://jsfiddle.net/aL9uymcd/1/

Answer 1

let isSending = false

$('#submit-form').click(function() {

  if (!isSending) {
    isSending = true
    // do your submit stuff here
  }

})

You can wrap a logic check to prevent it submitting twice, then re-enable after