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比较两个文本字段

回答

相关问题