JSFiddle - React, Tailwind, and code Playground
HTML
<button type="submit" class="btn btn-home" name= "btn-save5" id= "add_resume1" required="required">Click</button>
<button type="submit" class="btn btn-home" name= "btn-save5" id= "btn-save5" disabled required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save5" id= "btn-save4" disabled required="required">Save</button>
<button type="submit" class="btn btn-home" name= "btn-save5" id= "btn-save3" disabled required="required">Save</button>
JavaScript
$(document).ready(function() {
$("#add_resume1").on("click", function(e) {
e.preventDefault;
//your ajax here
$("#success").html('<div class="alert alert success">Basic details saved successfully.<div>');
$('#basicdetails').val('');
$('button')
.removeClass('disabled')
.prop('disabled', false);
$('#add_resume1').prop('disabled', true);
});
});