使用jquery检查多个动态文本框中输入的值是否相同

时间:2012-12-17 14:19:51

标签: javascript jquery forms textbox

我有一个包含多个动态生成的文本框的表单。假设有5个文本框具有相同的名称和不同的ID。

我需要检查在这些文本字段中输入的值是否唯一,即;

假设:

<input type="text" name="textbox" id="textbox1" value="1">
<input type="text" name="textbox" id="textbox1" value="2">
<input type="text" name="textbox" id="textbox1" value="3">
<input type="text" name="textbox" id="textbox1" value="4">
<input type="text" name="textbox" id="textbox1" value="1">

在这种情况下,必须显示已输入值的错误。如果值不同,则只能提交表单。

2 个答案:

答案 0 :(得分:0)

我不知道jquery.validationengine,但至少你可以手动检查,使用

var valueX = ${'#textboxX'}.attr('value');

以索引value读取输入的X属性。

答案 1 :(得分:0)

我知道我迟到但它可以帮助其他人所以检查解决方案

count = Number((document.frmDefineSSS.cboTeamSize.selectedIndex) - 1);
            flagSame = false;
            for (i = 1; i <= count; i++) {
                for (j = i + 1; j <= count + 1; j++) {
                    if ($("#hidCommMemId" + [i]).val() == $("#hidCommMemId" + [j]).val()) {
                        alert("Team Member can't be same.");
                        $("#txtStudName" + [i]).css("background-color", "yellow");
                        $("#txtStudName" + [j]).css("background-color", "yellow");
                        flagSame = false;
                        return false;

                    }
                    else {
                        $("#txtStudName" + [i]).css("background-color", "white");
                        $("#txtStudName" + [j]).css("background-color", "white");
                        flagSame = true;
                    }
                }
            }

以下是其他解决方案。

function findDuplicates() {
    var isDuplicate = false;
    jQuery("input[name^='access_keys']").each(function (i,el1) {
        var current_val = jQuery(el1).val();
        if (current_val != "") {
            jQuery("input[name^='access_keys']").each(function (i,el2) {
                if (jQuery(el2).val() == current_val && jQuery(el1).attr("name") != jQuery(el2).attr("name")) {
                    isDuplicate = true;
                    jQuery(el2).css("background-color", "yellow");
                    jQuery(el1).css("background-color", "yellow");
                    return;
                }
            });
        }
    });

    if (isDuplicate) {
        alert ("Duplicate values found.");
        return false;
    } else {
        return true;
    }
}

我基本上遍历所有文本框,并在嵌套循环中将值与所有其他文本框进行比较。基本上它就像冒泡排序。我知道这很糟糕,但却无法想到任何有效的方法。你们能想出更好的方法吗?