Skip to content
Advertisement

javascript to enable and disable a button based on changes in form

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

Advertisement

Answer

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>
Advertisement