How to validate whole html table values in jquery

Question

I am appending table rows on the button click event. I need to avoid duplicate values. Is there a way to avoid duplicates?

my JQuery

       $('#Add').click(function () {
           var TName = $('#TournamentName').val();
           var GName = $('#Gname').val();
           var date = $('#Tdate').val();
           var time = $('#Stime').val();
           var Mtype = $('#Match').val();
           var Ground = $('#Ground').val();
           var ClubA = $('#TeamA').val();
           var ClubB = $('#TeamB').val();
           $('#TournamentName').attr('disabled', true);
           var isDup = false;

           $("#fixtab tbody").each(function (i, n) {
               alert(i);
               alert(n);
               if (($("i").find("[name=TName]").val() == Tname) && ($("i").find("[name=date ]").val() == date) && ($("i").find("[name=time ]").val() == time) && ($("i").find("[name=ClubA ]").val() == ClubA) && ($("i").find("[name=ClubB ]").val() == ClubB) && ($("i").find("[name=Ground ]").val() == Ground)) {
                   alert("error");
                   isDup = true;
                   return false;
               }
               else {
                   $('#fixtab tbody').append("<tr><td><center>" + GName + "</center><input type='hidden' name='GName' value='" + GName + "' /></td><td>" + date + "<input type='hidden' name='date' value='" + date + "' /></td><td>" + time + "<input type='hidden' name='time' value='" + time + "' /></td><td>" + ClubA + "<input type='hidden' name='ClubA' value='" + ClubA + "' /></td><td>" + ClubB + "<input type='hidden' name='ClubB' value='" + ClubB + "' /></td><td>" + Ground + "<input type='hidden' name='Ground' value='" + Ground + "' /></td><td>" + Mtype + "<input type='hidden' name='Match' value='" + Mtype + "' /></td><td><input type='button' class='remove' value='remove'/><input type='hidden' name='TName' value='" + TName + "' /></td><tr>");
               }
           });

Like this I will append more than 10 records, so I need to avoid duplication from this records.

Royi Namir · Accepted Answer · 2014-01-20 11:15:04Z

1

I dont see any easy way except :

  $('#Add').click(function () {
               var TName = $('#TournamentName').val();
               var GName = $('#Gname').val();
               var date = $('#Tdate').val();
               var time = $('#Stime').val();
               var Mtype = $('#Match').val();
               var Ground = $('#Ground').val();
               var ClubA = $('#TeamA').val();
               var ClubB = $('#TeamB').val();

    var isDup=false;

    $("#fixtab tbody tr").each(function (i,n){
      var _n=$(n);
      if (_n.find("[name=TName]").val()==Tname) &&
          _n.find("[name=date ]").val()==date ) &&
          ..
          ..) 
        {
            isDup=true;
            return false;

        }

    });

edited Jan 20, 2014 at 11:15

answered Jan 20, 2014 at 11:03

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Dinesh Over a year ago

Ya i can use your code it showing i value is 0 and n is [object HTMLTableSelection Element] like this. . .

Royi Namir Over a year ago

I don't understand your Q.

Dinesh Over a year ago

Now see my question i edited its not working my friend and n means what friend

Collectives™ on Stack Overflow

How to validate whole html table values in jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related