通过使用jquery阻止插入重复数据来验证表行

时间:2017-10-08 08:20:02

标签: jquery

我正在以一种形式工作,我插入一些数据并将此数据添加到表中。现在我想验证一个列而且这个列不应该是相同的。 enter image description here

例如,我想阻止在表格行中插入相同的项目名称。 如何在jQuery中完成?

这是我的HTML代码:



<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>           
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

使用以下代码检查列名是否等于输入文本。

将列索引添加到:.eq(列索引

代码示例:

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