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

Question

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

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

Live demo

Answer 2

你可以试试这样的：-

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