Событие щелчка или отправки не срабатывает вскоре после сбоя проверки текстового поля
Попробуйте перейти по этой ссылке, чтобы воспроизвести проблему.
HTML:
<div id="tickets">
<table>
<tr>
<td style="vertical-align:text-top;">Document Name *</span>
</td>
<td style="width:435px;">
<input name="Name" required></input>
</td>
</tr>
</table>
<button class="k-button" id="btnSubmit">Click me</button>
</div>
JS:
$(document).ready(function () {
var validator = $("#tickets").kendoValidator().data("kendoValidator");
$("#btnSubmit").click(function (event) {
alert("Select valid value");
event.preventDefault();
});
});
Шаги
- Сосредоточьтесь на текстовом поле, щелкнув по нему
- Попробуйте нажать кнопку с пустым текстовым полем, проверка отобразится, как и ожидалось.
- Введите некоторые значения в текстовое поле
- Нажмите кнопку еще раз, событие «щелчок» не срабатывает должным образом (но работает нормально, когда пользователь нажимает второй раз)
Это странно, когда пользователю нужно дважды щелкнуть кнопку отправки, чтобы выполнить действие после сбоя проверки.
Я нашел это поведение в основном с управлением текстовым полем.