Tengo una tabla a la cual, le agrego datos desde tres diferentes TextBox. Para esto utilizo jQuery y C# de la siguiente manera:
<form>
<input type="text" id="inputText1">
<input type="text" id="inputText2">
<input type="text" id="inputText3">
<button type="button" class="btn btn-default" id="submit">Submit</button>
</form>
<script>
$("#submit").click(function (e) {
e.preventDefault();
var val1 = $("#inputText1").val();
var val2 = $("#inputText2").val();
var val3 = $("#inputText3").val();
$('#myTable').append('<tr><th scope="row">2</th><td class="value">' + val1 + '</td><td>' + val2 + '</td><td>' + val3 + '</td><td><a href="#" id="select">Modificar</a> <a href="#" id="eliminar">Eliminar</a></td></tr>');
$("#inputText1").val('');
$("#inputText2").val('');
$("#inputText3").val('');
});
</script>
El código de mi tabla es el siguiente (puro HTML).
<div class="table-responsive">
<table class="table table-striped table-bordered table-condensed" id="myTable" style="width:90%; margin:0 auto;">
<thead>
<tr>
<th>#</th>
<th>ID</th>
<th>Last Name</th>
<th>Username</th>
<th></th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
Es muy sencillo y como ven tiene tres columnas, pero el que me interesa es el ID, este no debe repetirse en ningún registro de la tabla, quiero lograr, utilizando jQuery, que al momento de ingresar un ID repetido se le muestre un mensaje al usuario indicando la imposibilidad de registrar al empleado y que de hecho no se le permita ingresar el registro en la tabla.
Como complemento, estos datos, se almacenan en la tabla, pero no en la base de datos, ese será un paso posterior. De momento, solo quiero validar que el ID no se repita en los registros de la tabla.