Мне нужно динамически добавлять правила проверки в текстовое поле, когда пользователь нажимает на флажок в этой строке, и удалять его, когда пользователь снимает флажок. Это то, что я сделал, и он отлично работает, но я не уверен, что это правильный способ сделать это.
Вот мой HTML-код:
<tbody>
<c:forEach items="${list}" var="item">
<tr>
<td align="center">
<input type="checkbox" name="selectItems" value="<c:out value="${item.numberPlate}"/>" />
</td>
<td align="left"><c:out value="${item.numberPlate}"/></td>
<td align="left"><c:out value="${item.driver.fullName}"/></td>
<td align="left"><input type="text" name="mileage_<c:out value="${item.numberPlate}"/>" value="" /></td>
</tr>
</c:forEach>
</tbody>
и мой jquery:
----- EDITED ----
Теперь я использую add / removeClass , и он также отлично работает, но разве нет более быстрого способа сделать это? Я имею в виду, один способ избежать написания такого количества инструкций add / removeClass? и, наконец, как я могу указать "min: 100" или "minlength: 6" с addClass?
$("input[name=selectItems]").change(function() {
if (this.checked)
{
$(this).closest("tr").find("input[name^=mileage]").addClass('required');
$(this).closest("tr").find("input[name^=mileage]").addClass('number');
}
else
{
$(this).closest("tr").find("input[name^=mileage]").removeClass("required")
$(this).closest("tr").find("input[name^=mileage]").removeClass('number');
}
});
![alt text](https://i.stack.imgur.com/bfHJH.jpg)
любые предложения приветствуются и ... я чуть не забыл, с Рождеством!