Как проверить поля на валидацию, которые добавляются в форму динамически, раньше я получала value поля с помощью id и его проверяла. Теперь поля добавляются динамически и с помощью id не получается. Вот у меня есть html код который я написала, пока сделала без динамического добавления а просто создала 3 строки с полями по 3 поля в каждой строке age, exp, gender. Нужно проверить каждое поле каждой строки при этом поля одной строки между собой связаны. В итоге ошибка о неправильном заполнении должна вывестись в ячейку ниже input'а, id="num_error_message". Вот мой код, там есть пример с одним полем. Как можно сделать валидацию, для всех полей в таблице?
<html>
<head><title>Test</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
var error_num1;
$('#pole').keypress('', function () {
var pattern = /^\d+$/;
var num = $("#pole").val();
if (pattern.test(num) && num !== '') {
$("#num_error_message1").hide();
$("#pole").css("border-bottom","2px solid #34F458");
}else
{
$("#num_error_message1").html("Только цифры");
$("#num_error_message1").show();
$("#pole").css("border-bottom","2px solid #F90A0A");
error_num1 = true;
}
});
});
</script>
</head>
<body>
<form method="POST" action="form.php">
<input id="pole"><br>
<span class="error_form" id="num_error_message1"></span>
<table border="0">
<tr>
<td><input type="text" value="" name="mass[age][]"></td>
<td><input type="text" value="" name="mass[exp][]"></td>
<td><input type="text" value="" name="mass[gender][]"></td>
</tr>
<tr>
<td><span class="error_form" id="num_error_message"></span></td>
<td><span class="error_form" id="num_error_message"></span></td>
<td><span class="error_form" id="num_error_message"></span></td>
</tr>
<tr>
<td><input type="text" value="" name="mass[age][]"></td>
<td><input type="text" value="" name="mass[exp][]"></td>
<td><input type="text" value="" name="mass[gender][]"></td>
</tr>
<tr>
<td><span class="error_form" id="num_error_message"></span></td>
<td><span class="error_form" id="num_error_message"></span></td>
<td><span class="error_form" id="num_error_message"></span></td>
</tr>
<tr>
<td><input type="text" value="" name="mass[age][]"></td>
<td><input type="text" value="" name="mass[exp][]"></td>
<td><input type="text" value="" name="mass[gender][]"></td>
</tr>
<tr>
<td><span class="error_form" id="num_error_message"></span></td>
<td><span class="error_form" id="num_error_message"></span></td>
<td><span class="error_form" id="num_error_message"></span></td>
</tr>
<br>
</table>
<input type="submit" value="Отправить">
</form>
</body>
</html>