Question

我试图用Javascript比较两个Textfields。但其中一个必须具有比另一个更大的值，例如5 = 4。

我不知道为什么。

        <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>

Answer 1

您的代码存在一些问题：

您在第一个输入上只有一个事件监听器。您还需要向第二个输入添加事件侦听器。
keydown上的值不会包含与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>

Javascript比较两个文本字段

1 个答案: