jquery - 比较动态创建的文本框的“n”个文本

Question

在我的代码中，我允许用户动态添加任何文本框。我需要确保所有这些文本框中的文本都不同。我该如何使用 Jquery？请帮帮我。我陷入了困境。

Answer 1

对于验证尝试类似

var obj = {};
$('input', $ct).each(function(i, v){
    var $this = $(this).removeClass('error');;
    var val = $this.val();
    if(val && obj[val]){
        alert(val + ' exists');
        $this.addClass('error');
    }
    obj[val] = true;
});

演示：小提琴

Answer 2

我会按照惯例去ID

EXAMPLE

var n = 0;
$('#createTextbox').click(function(){ 
  var newTextbox = '<input type="text" id="textbox_'+ (n++) +'"/>';
  $('#area').append( newTextbox );
});


$('#area').on('click', '[id^=textbox_]', function(){
  alert( this.id );
});

where(n++)将增加新文本框的 ID，并.on与委托事件一起使用，您可以注意将来的操作以从它们中检索您需要的内容。
要将单击绑定到textbox_*N*所需area元素内的每个新元素，请使用带有选择器的开头^：[id^=textbox_]。

http://api.jquery.com/click/
http://api.jquery.com/append/
http://api.jquery.com/on/