jquery - 使用 Jquery 验证防止重复值

Question

我有使用 JSP 动态生成的表单和表单文本字段。我正在使用 Jquery 验证，但想添加功能以防止表单中重复输入。

例如

<form name="myForm" id="myForm">
      <input type="text" name="text1" id="text1">
      <input type="text" name="text2" id="text2">
      <input type="text" name="text3" id="text3">
      =
      = 
      N number of form fields
      <input type="text" name="textn" id="textn">

</form>

我想使用 jQuery 验证检查文本字段中是否输入了重复值。

Answer 1

我对 jquery 验证还很陌生，但我有一个类似的问题需要解决，我想出了以下解决方案(使用以前的答案来获取灵感!):

Javascript:

jQuery.validator.addMethod("unique", function(value, element, params) {
    var prefix = params;
    var selector = jQuery.validator.format("[name!='{0}'][unique='{1}']", element.name, prefix);
    var matches = new Array();
    $(selector).each(function(index, item) {
        if (value == $(item).val()) {
            matches.push(item);
        }
    });

    return matches.length == 0;
}, "Value is not unique.");

jQuery.validator.classRuleSettings.unique = {
    unique: true
};

用法:

<input name="currency1" unique="currency" />
<input name="currency2" unique="currency" />

此处演示:http://jsfiddle.net/mysteryh/bgzBY/