0

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

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

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

当我单击第一个选项卡中的第一个提交按钮时，它会显示弹出窗口，但是当我从最后一个选项卡中单击时，它会引发 Javascript 错误。

我的问题是：有没有办法将选项卡更改为包含被检查元素的选项卡？

4

2 回答 2

0

您收到错误消息：

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

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

于 2013-02-01T23:33:30.637 回答
0

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

您可以在此处将其与原始问题进行比较。

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

    <div id="tab3"><p>Tab Three Content</p>
        <button onclick="ToolData.tabs.selectTab(0);"> submit </button>
    </div>
于 2013-05-06T19:47:37.003 回答