Disable Submit Message Button during AJAX call

Prevent duplicate messages
This commit is contained in:
Chad Cahill 2017-08-12 11:32:03 -07:00 committed by GitHub
parent 094d1f44fc
commit 0cfcc59805

View File

@ -17,6 +17,8 @@ $(function() {
if (firstName.indexOf(' ') >= 0) { if (firstName.indexOf(' ') >= 0) {
firstName = name.split(' ').slice(0, -1).join(' '); firstName = name.split(' ').slice(0, -1).join(' ');
} }
$this = $("#sendMessageButton");
$this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
$.ajax({ $.ajax({
url: "././mail/contact_me.php", url: "././mail/contact_me.php",
type: "POST", type: "POST",
@ -49,6 +51,11 @@ $(function() {
//clear all fields //clear all fields
$('#contactForm').trigger("reset"); $('#contactForm').trigger("reset");
}, },
complete: function () {
setTimeout(function () {
$this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
}, 1000);
}
}); });
}, },
filter: function() { filter: function() {