有没有办法将tabview切换到使用必需属性HTML5验证的元素

Question

我在我的表单中使用YUI tabview，最后有一个提交按钮（第5个选项卡），问题是验证工作正常，但我看不到弹出消息，因为我在最后一个tabview（包含最终提交按钮）而不是正在检查的表单元素的tabview（使用checkValidity）。

我正在使用这个： http://developer.yahoo.com/yui/examples/tabview/frommarkup.html

这是它的样子： http://jsfiddle.net/D4GmQ/3/

当我点击第一个标签中的第一个提交按钮时，它会显示弹出窗口，但是当我点击最后一个按钮时，它会抛出一个Javascript错误。

我的问题是：有没有办法将标签更改为包含要检查的元素的标签？

Answer 1

您收到错误消息：

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

鉴于您的设计，我认为这不是一个容易解决的问题。我建议控制表单提交并进行自己的验证。您可以依次验证每个选项卡，如果有错误，请将焦点放在包含该字段的选项卡上。对不起，HTH

Answer 2

这是此问题的解决方案，jsfiddle

您可以将其与原始问题here进行比较。

由于没有YUI2函数可以自动更改tabView，因此想法是添加一个函数来搜索将要验证的输入并激活包含它的tabView，这样我们就可以看到html5弹出消息。 / p>

    <div id="tab3"><p>Tab Three Content</p>
        <button onclick="ToolData.tabs.selectTab(0);"> submit </button>
    </div>