在所有字段填充後啓用提交按鈕

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