Question

i have a text boxes in every row with same name like this

 <tr>
    <g:textField name ="point" value = "" class = "destination_points"  id ="point_0" />
   <input type ="hidden" value ="" name ="pointDistanceMapping.point.id" id ="point_id_0" class="point_id"/>   
 </tr> 
 <tr>
    <g:textField name ="point" value = "" class = "destination_points"  id ="point_1" />
    <input type ="hidden" value ="" name ="pointDistanceMapping.point.id" id ="point_id_1" class="point_id"/>
 </tr>
  <tr>

i have to validate that these text boxes should not have same value so how can i do it using jquery…

Answer 1

you could add all the values in an array one at a time and check to see if it exist before adding. Check out this fiddle

$('#checkDup').click(function() {

    var textValues = new Array();
    $("input.destination_points").each(function() {

        doesExisit = ($.inArray($(this).val(), textValues) == -1) ? false : true;
        console.log(textValues)
        if (!doesExisit) {
            textValues.push($(this).val())
        } else {
            alert('dup');
            return false;
        }
    });
});