Question

I have 3 input boxes like:

<input id="0" type="text" class="test" />
<input id="1" type="text" class="test"/>
<input id="2" type="text" class="test"/>

I am trying to figure out how I can detect duplicate data such it would alert the user if they entered the SAME url in >1 any of the boxes ?

I have jsFiddle – http://jsfiddle.net/PLacj/.

Can anyone assist ?

Answer 1

Here you go:

$('.test').blur(function() {
    var self = this;
     var value = this.value;
    $('.test').not(this).each(function(){
        if(value == this.value && this.value.length > 0){
            alert('cannot do that!');
            self.value = '';
            return false;
        }
    })
});

Fiddle: http://jsfiddle.net/maniator/PLacj/2/