Нажмите или отправить событие не срабатывает вскоре после провала проверки текстового поля происходитКендо Textbox Проверка: нажмите дважды выдавать
Пожалуйста, попробуйте эту link воспроизвести проблему.
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();
});
});
Шаги
- Фокус на текстовом поле, щелкнув по нему
- Попробуйте нажать кнопку с текстовым полем пустой, проверка отображает как ожидалось.
- типа в некоторых значений в текстовое поле
- Нажмите кнопку еще раз, «нажмите кнопку» событие не срабатывает, как и ожидалось (но хорошо работает, когда пользователь нажимает во второй раз)
Это странно, когда пользователю необходимо дважды нажать кнопку отправки, чтобы выполнить действие после отказа проверки.
Я нашел это поведение в основном с помощью управления текстовыми полями.
У меня такая же проблема, но я не много заботиться о нем. Если вы настаиваете на решении этой проблемы, вы можете попробовать показать сообщение проверки справа от текстового поля, поэтому кнопка не будет идти вниз, и вы можете щелкнуть в первый раз – MustafaP
@ user2413664 Это не проблема в событии фокуса текстового поля. Kendo script remove required валидация, поэтому ваше событие клика не является огнем. Потому что оба события огонь в то же время. поэтому не беспокойтесь, это поведение кендо. – Jaimin
, поскольку вы уже знаете jsfiddle: попробуйте использовать кнопку «Tidy Up» в верхнем меню –