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

How to validate multiple identical input fields with jQuery?

本文关键字：输入 字段 何使用 jQuery 验证      更新时间：2023-09-26

我在表单中有六个输入字段，我需要做一些验证以确保它们在实时上都不相同。例如，如果用户尝试输入重复字段，jQuery会在提交表单之前提示用户必须输入唯一字段。我假设我可以使用"键up"功能，但我不确定。我正在尝试使用 jQuery 验证，但一次只能让它适用于两个字段。jQuery是否可以做到这一点，或者也许有更好的解决方案？角？

给所有字段一个类，如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
            }
        });
    }
});

Jquery 验证工作从你可以使用 keyup 函数在文档中看到

https://jqueryvalidation.org/equalTo-method

相关文章：