Есть ли способ переключить tabview на проверяемый элемент, используя обязательный атрибут HTML5

Я использую вкладку YUI в моей форме, в конце которой есть кнопка "Отправить" (5-я вкладка), проблема в том, что проверка работает нормально, но я не вижу всплывающее сообщение, так как я нахожусь в последнем представлении вкладок (которые содержат последнюю кнопку отправки) вместо вкладки проверяемого элемента формы (с checkValidity).

Я использую это: http://developer.yahoo.com/yui/examples/tabview/frommarkup.html

Вот как это выглядит: http://jsfiddle.net/D4GmQ/3/

Когда я нажимаю на первую кнопку отправки на первой вкладке, появляется всплывающее окно, но когда я нажимаю на последнюю, выдается ошибка Javascript.

у меня вопрос: есть ли способ изменить вкладку, содержащую проверяемый элемент?

Источник

2 ответа

Решение

Это решение этой проблемы, jsfiddle

Вы можете сравнить это с оригинальным выпуском здесь.

Поскольку нет функции YUI2, которая автоматически изменяет tabView, то идея состоит в том, чтобы добавить функцию, которая ищет вход, который будет проверен, и активирует tabView, который его содержит, таким образом, мы можем видеть всплывающее сообщение html5.

    <div id="tab3"><p>Tab Three Content</p>
        <button onclick="ToolData.tabs.selectTab(0);"> submit </button>
    </div>
Источник

Вы получаете ошибку:

An invalid form control with name='field1' is not focusable.

Я не думаю, что это легко решить, учитывая ваш дизайн. Я бы посоветовал взять под контроль форму заявки и провести собственную проверку. Вы можете проверить каждую вкладку по очереди и, если у вас есть ошибка, сфокусируйтесь на вкладке, содержащей поле. Извините, HTH

Источник
Другие вопросы по тегам