禁用使用javascript的輸入。 檢查代碼

Question

我正在用javascript和html做客戶端。 我有個問題。 我想檢查密碼和重復密碼是否相同。 在那種情況下，我想禁用輸入。 我看到了一些代碼，但是我不明白為什么它不起作用。 你能幫助我嗎？ 這是我的HTML：

<input class="form-control form-stacked last" name="repeatPassword" id="repeat" placeholder="Repeat password" type="password">
<input class="btn btn-beats btn-block btn-stacked" value="Sign up" onkeydown="enable()" id = "btnPlaceOrder" type="submit">
<input class="form-control form-stacked" name="password" id = "password" placeholder="Password" type="password" required="true">

然后這是我的javascript函數：

var password = document.getElementById("password");
var repeat = document.getElementById("repeat");
   function enable(){
      if (password.value() == repeat.value()){
         document.getElementById("btnPlaceOrder").disabled = false;
      } else{
         document.getElementById("btnPlaceOrder").disabled = true;
      }
}

准確地說，我在HTML中導入了javascript

Answer 1

HTML：將偵聽器添加到密碼輸入中，因此，隨着用戶鍵入，提交按鈕填充將更改其狀態。

<input id="password" type="password" onkeyup="enable()">
<input id="repeat" type="password" onkeyup="enable()">
<input value="Sign up"  id="btnPlaceOrder" type="submit">

JS

function enable(){
    // the comparison returns true or false so no need for if/else
    document.getElementById("btnPlaceOrder").disabled = password.value !== repeat.value;
}

小提琴： http : //jsfiddle.net/40vvL1em/

Answer 2

好吧，只需在重復輸入的onkeyup()事件中調用函數即可。

<input class="form-control form-stacked last" name="repeatPassword" id="repeat" placeholder="Repeat password" type="password" onkeyup="enable()">

這是JS函數：

var password = document.getElementById("password").value;
var repeat = document.getElementById("repeat").value;
function enable(){
if (password === repeat){
  document.getElementById("btnPlaceOrder").disabled = false;
} 
else{
  document.getElementById("btnPlaceOrder").disabled = true;
}
}

那應該做。