比较""的文字没有动态创建的文本框

时间:2013-04-08 06:52:55

标签: jquery jquery-ui

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

2 个答案:

答案 0 :(得分: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;
});

演示:Fiddle

答案 1 :(得分:0)

我会使用自定义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 );
});

其中(n++)会增加新文本框的ID,并将.on与委派事件一起使用,您可以注意以后的操作,以便从中检索您需要的内容。
要将点击结合到所需textbox_*N*元素中的每个新area,请使用以选择器^ 开头:[id^=textbox_]

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