填写完所有字段后启用提交按钮

Question

我有一个带有密码字段的jquery切换菜单。 默认情况下，提交按钮被禁用，并在键盘事件上启用。

$(function(){
  $("#submitProfile").attr("disabled","true");
  $("#password_confirmation, #password, #current_password").keyup(function(){
    $("#submitProfile").removeAttr("disabled");
  });
});

但是如何在所有字段都填满之前保持按钮被禁用？

Answer 1

您可以添加条件。

$(function(){
  $("#submitProfile").attr("disabled","true");
  $("#password_confirmation, #password, #current_password").keyup(function(){
      if($("#password_confirmation").val() && $("#password").val() && $("#current_password").val())
          $("#submitProfile").removeAttr("disabled");
  });
});

https://github.com/tgriesser/knex/blob/batch-insert/lib/util/batch-insert.js

Answer 2

您可以尝试这样的事情： -

if($('#password_confirmation, #password, #current_password').val().length>0){
 $("#submitProfile").removeAttr("disabled");
}