Javascriptは2つのテキストフィールドを比較します

-3

私は2つのテキストフィールドをJavascriptと比較しようとしています。しかし、それらのうちの1つは、5 = 4のように、他の1つより大きな値を持たなければなりません。Javascriptは2つのテキストフィールドを比較します

私はその理由を知りません。

 <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

あなたのコードを持ついくつかの問題：

あなたが最初の入力にイベントリスナーを持っていました。 2番目の入力にもイベントリスナーを追加する必要があります。
の値には、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は2つのテキストフィールドを比較します

答えて

関連する問題