如何使用jQuery验证多个相同的输入字段?

时间:2016-04-22 21:38:41

标签: javascript jquery validation

我在表单中有六个输入字段,我需要进行一些验证,以确保它们中没有一个是实时相同的。例如,如果用户尝试输入重复字段,jQuery会在提交表单之前提示用户必须输入唯一字段。我假设我可以使用'keyup'功能,但我不确定。我正在尝试使用jQuery验证,但一次只能让它适用于两个字段。这可能与jQuery或可能有更好的解决方案?角?

2 个答案:

答案 0 :(得分:1)

为所有字段指定类似class="alldifferent"的字段。然后你可以使用:

$(".alldifferent").keyup(function() {
    var val = $(this).val();
    if (val != '') {
        $(".alldifferent").not(this)).each(function() {
            if ($(this).val() == val) {
                alert("Error, duplicate value " + val);
                return false; // stop the loop
            }
        });
    }
});

答案 1 :(得分:0)

关于提交的Jquery验证工作可以使用keyup函数,参见文档

https://jqueryvalidation.org/equalTo-method