Breaking News: Grepper is joining You.com. Read the official announcement!

form submitting twice on button click php

James Ma answered on July 17, 2022 Popularity 4/10 Helpfulness 10/10

answer form submitting twice on button click php

form submitting twice on button click php

Comment

// Use the ID of "submit-form" in the form tag and class of "submit-button" in the submit tag
// Like this <form id="submit-form" action="" method="POST">
// And this <button type="submit" id="submit" class="submit-button">Submit</button>
// And use the script below to check if it is not empty, and most importantly, the required ones are not empty. I don't think there's a point trying to force unrequired inputs to be set if you did not include that in your HTML
<script>
    (function(){
    $('.submit-button').on('submit', function(){
      var thisFormInput = document.querySelector('#submit-form');
      var thisFormInputCount = thisFormInput.length;
      var errors = 0;

      for (var i = 0; i < thisFormInputCount; i++) {
        if (thisFormInput[i].value === '' && thisFormInput[i].required === true) {
          errors++;
        }
      }

      if (count === 0) {
        // Disable the button so that it cannot be further clicked
        document.querySelector("#submit").disabled = true;
        
        // If you want, include font awesome in your header then this can replace the button text with a spinner
        document.querySelector("#submit").innerHTML = '<i class="fa fa-circle-o-notch fa-spin" style="font-size:16px"></i>';
      }
    })
    })();
</script>

Popularity 4/10 Helpfulness 10/10 Language php

Source: Grepper

Tags: button click php

Link to this answer
Share Copy Link

Contributed on Jul 17 2022

James Ma

0 Answers Avg Quality 2/10

form submitting twice on button click php

Contents

More Related Answers

form submitting twice on button click php

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.