使用Jquery验证来防止重复的值

前端之家收集整理的这篇文章主要介绍了使用Jquery验证来防止重复的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有使用JSP动态生成的表单和表单文本字段。
而且我正在使用Jquery验证,但是想添加functionlaty以防止表单中重复输入。

例如。

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

我想检查是否有任何在textfield中输入的重复值使用jQuery验证。

解决方法

这样的东西应该工作:
$(function(){

$('input[name^="text"]').change(function() {

    var $current = $(this);

    $('input[name^="text"]').each(function() {
        if ($(this).val() == $current.val() && $(this).attr('id') != $current.attr('id'))
        {
            alert('duplicate found!');
        }

    });
  });
});

简而言之,它的工作原理是:每当用户将文本框输入到文本框中时,JQuery循环遍历表单中的所有文本框,并将其值与用户刚刚输入的值进行比较,如果找到重复的值,则提醒用户

猜你在找的jQuery相关文章