JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<button id="btnSubmit" type="submit" class="btn btn-warning btn-lg">Submit!</button>
</div>
JavaScript
$('#resForm').validate({
submitHandler: function(form) {
// disable submit button
$('#btnSubmit').prop('disabled', true);
$.ajax({
//..... typical ajax stuff .....
success: function(data) {
alert(data);
$('success').html(data);
// enable reserve button again
$('#btnSubmit').prop('disabled', false);
},
error: function (jqXHR, textStatus, errorThrown) {
// console.log(jqXHR);
}
});
}
});