Jquery, 동적으로 생성 된 텍스트 상자의 두 값이 같은지 확인하십시오.

Question

이 문제를 해결하기 위해 힘든 시간을 보내고 있습니다. 어떤 도움을 주셔서 감사합니다.

I 동적 텍스트 박스의 쌍을 생성하고있어 :

<input type="text" name="pass1[1]"><input type="text" name="pass2[1]"> 
<input type="text" name="pass1[2]"><input type="text" name="pass2[2]"> 
<input type="text" name="pass1[3]"><input type="text" name="pass2[3]"> 

는 이제 PASS1 [N] 및 PASS2는 [N] 값이 동일한 지 확인 동적려고. 나는 그 중 한 쌍에서만 그것을 할 수 있었고 그 이름을 정확히 알고 있었다. 제가 사용한 코드를보십시오 :

var $pass1 = $("input[name^='pass1']"); 
$pass1.data("value", $pass1.val()); 

var $pass2 = $("input[name^='pass2']"); 
$pass2.data("value", $pass2.val()); 

setInterval(function() { 
    var data1 = $pass1.data("value"), 
     val1 = $pass1.val(); 

    var data2 = $pass2.data("value"), 
     val2 = $pass2.val(); 


    if (data2 !== val2 || data1 !== val1) { 
     if (val1 === val2 && val1 != ""){ 
      alert("changed"); 
     } 
     $pass2.data("value", val2); 
     $pass1.data("value", val1); 
    } 
}, 100); 

아이디어가 있으십니까?

Answer 1

이 fiddle (현재 입력 인덱스에 기초하여) 해당 쌍이 동일한 경우, 입력 값의 변화가 확인 등

예시 :

$(document).ready(function(){ 
    $('input').on('change', function() { 
     var index = $(this).index(); 
     var compareTo = index % 2 ? index-1:index+1; 

     alert($(this).val()==$('input').eq(compareTo).val()); 

    }); 
});