輸入上的自舉啓用按鈕

Question

我有一些問題正確完成這項工作。 只要箱子中有任何字符，我想讓我的「sendit」按鈕啓用（取消禁用）。 我已經嘗試了多件事情，但我無法讓它工作。 HTML的

部分：

<input type="password" id="inputPassword" class="form-control" placeholder="Password" required> 

    <input id="sendit" class="btn btn-lg btn-primary btn-block disabled" type="submit" value="Generate Codes"></input> 

JS文件

$(document).ready(function() { 
    var pass_error = 1; 

    // Check name field 

     if (inputPassword === '') { 
      pass_error = 1; 
     } else { 
      pass_error = 0; 
     } 
     enableButton(); 
    }); 


    // verzendknop pas activeren nadat alles is ingevuld en gecontroleerd 
    function enableButton() { 
     if (pass_error!== 0) { 
      $('#btn btn-lg btn-primary btn-block').attr('disabled', 'disabled'); 
     } else { 
      $('#btn btn-lg btn-primary btn-block').removeAttr('disabled'); 
     } 
    }; 
}); 

Answer 1

你的代碼只在DOM就緒檢查字段一次。

你需要配合你的支票keyUp事件對現場：

$('my-field').keyUp(function() { 
if($(this).val() === '') { 
    pass_error = 1; 
} else { 
    pass_error = 0; 
    enableButton(); 
});