validate table row by prevent inserting duplicate data using jquery

Question

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.

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>

rdanusha · Accepted Answer · 2017-10-10 16:45:44Z

3

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')
        }
    });

answered Oct 10, 2017 at 16:45

rdanusha

9333 gold badges16 silver badges25 bronze badges

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

1 Comment

Moshiur Rahman Over a year ago

Thanks a lot brother. i think it will works for me . i have to write some code for verifying it will work or not.

Collectives™ on Stack Overflow

validate table row by prevent inserting duplicate data using jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related