validate table row by prevent inserting duplicate data using jquery

user_6666051 0
Viewed 2215

I am working in a form where i insert some data and added this data to table. Now i want to validate a column And this column should not be the same. enter image description here

For example i want to prevent inserting same project name in table row. How it can be done in jQuery?

Here is my html code:

<div class="form-group">
        <div class="col-sm-2" style="padding-top: 5px">
         <label>Project : </label>
        </div>
        <div class="col-sm-10" style="padding-top: 5px">
         <input type="text" class="form-control" name="project"
          id="project">
        </div>
       </div>
              <div class="form-group">
       <div class="col-md-8 col-md-offset-4" style="padding-top: 5px">
        <input type="submit" class="btn btn-lg btn-success col-md-6"
         name="add" value="ADD" id="add">
       </div>
      </div>
   <div class="col-sm-10">
   <div class="panel panel-default">
    <div >
     <table class="table" id="showtable">
     <thead>
      <tr>
       <th>ACCOUNT HEAD</th>
       <th>DEBIT</th>
       <th>CREDIT</th>
       <th>CHEQUE</th>
       <th>PROJECT NAME</th>
       <th>MR.NO</th>
       <th>DEPT NAME</th>
      </tr>
      </thead>

     </table>
    </div>
   </div>
  </div>

jquery
1 Answers

Use following code to check the column name is equal to input text.

add your column index to: .eq(column index)

Code Sample: 

$('#showtable tbody tr').each(function () {
        $projectName = $(this).find('td:eq(4)').text();
        if ($projectName == $('#project').val()) {
            alert('ERROR')
        }
    });
user_21164800
Related