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

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

Live demo

Answer 2

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

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