Установите фокус на элемент ввода после отправки ⇐ Jquery

[Anonymous]

У меня есть форма с некоторыми полями ввода. Я использую виджет TabStrip Kendoui, чтобы группировать входные поля. Я использую валидатор Kendo, и когда форма отправляется, некоторые сообщения об ошибках запускаются. Проблема заключается в том, что если поле ввода с сообщением об ошибке находится на другой вкладке, то в данный момент пользователь не может его увидеть. Я хочу достичь, когда форма подтверждается формой, содержащая первое поле ввода с выбранным сообщением об ошибке, и фокусируется на этом поле ввода. Вот какой -то пример кода: < /p>


$("#tabStrip").kendoTabStrip();

• Master Info
• Developer Info

Folder Name:



Afk:





Update Folder:



Age:




< /code>

После отправки проверки формы запускаются, и я нахожу первую вкладку, содержащую ввод с сообщением об ошибке. Но настройка фокус на первом элементе с сообщением об ошибке не работает. Я подозреваю, что входной элемент еще не загружен после отправки. Вот код JS: < /p>

if (!omega.validatable.validate()) {
//Select all the tab strips
tabs = $("#tabStrip").find('div[id^=tabStrip]');

var tabStrip = $("#tabStrip").data("kendoTabStrip");
//Loop through the tab strips looking for an input containing the error class
for (var i = 0; i < tabs.length; i += 1) {
if ($(tabs).find('input[class~=k-invalid]').length > 0) {

tabStrip.select(i);

// Set focus on the first input element with error message
$('input.k-input.k-invalid:first').focus();
break;
}
}
return false;
}
< /code>

Использование < /p>

$(document).ready(function () {
$('input.k-input.k-invalid:first').focus();
});
< /code>

также не помогает на данный момент. Пожалуйста, помогите. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/110 ... ter-submit