Javascript比較兩個文本字段

-3

我想用Javascript比較兩個Textfields。但其中一個必須有另一個更大的價值，如5 = 4.Javascript比較兩個文本字段

我不知道爲什麼。

 <script> 

     document.getElementById("text1").addEventListener("keydown", testpassword2); 

     function testpassword2() { 

     var text1 = document.getElementById("text1"); 
     var text2 = document.getElementById("text2"); 

     if(text1.value == text2.value){ 
     text2.style.borderColor = "#2EFE2E"; 
     } 
     else{ 
     text2.style.borderColor = "red"; 
     }} 

     </script>

來源

2016-11-23 RzeIMz

請解釋什麼更好不工作或者是什麼這裏還是一個堆棧溢出段內的預期行爲 – ValLeNain

後的代碼。 – Jecoms

我編輯的帖子..或者你可以檢查這一個http://jsfiddle.net/rm632Lqx/ – RzeIMz

與您的代碼的一些問題：

你只有在第一個輸入事件偵聽器。您還需要將事件偵聽器添加到第二個輸入。
上的值不會與keyup上的值相同。您需要執行keyup以跟上用戶輸入。

工作小提琴here。

document.getElementById("text1").addEventListener("keyup", testpassword2); 
 
document.getElementById("text2").addEventListener("keyup", testpassword2); 
 

 
function testpassword2() { 
 
    var text1 = document.getElementById("text1"); 
 
    var text2 = document.getElementById("text2"); 
 
    if (text1.value == text2.value) 
 
    text2.style.borderColor = "#2EFE2E"; 
 
    else 
 
    text2.style.borderColor = "red"; 
 
}

<body>     
 
<input type="text" id="text1" size="30"> 
 
<input type="text" id="text2" size="30"> 
 
</body>

來源

2016-11-23 19:48:42 Gavin

謝謝，它的工作原理：D – RzeIMz

@RzeIMz很高興它的工作原理如何你的預期。你能否把我的答案標記爲正確的？ – Gavin

已經做到了，謝謝 – RzeIMz

Javascript比較兩個文本字段

回答

相關問題