Javascript compare two text fields

Question

Welcome To Ask or Share your Answers For Others

Javascript compare two text fields

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

Javascript compare two text fields

I'm trying to compare two Textfields with Javascript. But one of them must have a bigger value then the other one, like 5 = 4.

I dont know why.

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

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2022-01-31T07:23:37+0000

Some issues with your code:

You only had an event listener on the first input. You'll need to add an event listener to the second input as well.
The value on keydown won't contain the same value as on keyup. You'll need to do keyup to keep up with user input.

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

Categories

Javascript compare two text fields

Javascript compare two text fields

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags