Jquery,检查动态创建的文本框的两个值是否相等

时间:2014-02-16 17:09:39

标签: jquery textbox

我正在努力解决这个问题。任何帮助表示赞赏。

我正在动态生成成对的文本框:

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

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

当输入值发生变化时,像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());

    });
});