Javascript compare two text fields

I'm trying to pare 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>

I'm trying to pare 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>

Share Improve this question edited Nov 23, 2016 at 19:47 asked Nov 23, 2016 at 19:42 RzeIMz 501 silver badge8 bronze badges

1 Please explain better what's not working or what's the expected behaviour – ValLeNain Commented Nov 23, 2016 at 19:45
1 Post the code here or within a Stack Overflow snippet. – Jes Commented Nov 23, 2016 at 19:45
i edited the post.. or you can check this one jsfiddle/rm632Lqx – RzeIMz Commented Nov 23, 2016 at 19:48

Add a ment |

1 Answer 1

Sorted by: Reset to default 5

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>

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

Javascript compare two text fields - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)