javascript 根据表单的变化启用和禁用按钮

Question

我正在使用 javscript 根据 django 中表单字段的变化启用按钮 python 使用 bootstrap.below 是脚本

$("#employee_name, #employee_name2").on("keyup",function() {
  $(".btn-action").prop("disabled",false);
  if( ($("#employee_name").val()) == ($("#employee_name2").val())) {
     $(".btn-action").prop("disabled",true);
  }
});

html 中的以下代码也用于初始禁用按钮

<button type="submit" class="btn btn-primary mt-3 btn-action" disabled>Save</button>

但即使在 field.any 帮助中更改值后按钮仍保持禁用状态，我们将不胜感激

Answer 1

您需要添加以下脚本

$(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);
    }
});

}); 和下面的 html

button type="submit" class="btn btn-success mt-3 btn-action2" disabled>Save</button>

javascript 根据表单的变化启用和禁用按钮

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

html

javascript

python

django

bootstrap-4