i am using a javscript to enable a button based on the changes in the form field in django python using bootstrap.below is the script
$("#employee_name, #employee_name2").on("keyup",function() {
$(".btn-action").prop("disabled",false);
if( ($("#employee_name").val()) == ($("#employee_name2").val())) {
$(".btn-action").prop("disabled",true);
}
});
also the below code in html to initially disable button
<button type="submit" class="btn btn-primary mt-3 btn-action" disabled>Save</button>
but the button stays disabled even after changing values in the field.any help would be appreciated
you need to add the below script
$(document).ready(function(){
$("#employee_name,#employee_name2").on("keyup",function(){
$(".btn-action2").prop("disabled",false);
if(($("#employee_name").val())==($("#employee_name2").val())){
$(".btn-action2").prop("disabled",true);
}
});
}); and below in the html
button type="submit" class="btn btn-success mt-3 btn-action2" disabled>Save</button>