Javascript 有没有办法使用所需属性HTML5将tabview切换到正在验证的元素
我在表单中使用YUI选项卡视图,它在末尾有一个提交按钮(第5个选项卡),问题是验证工作正常,但我无法看到弹出消息,因为我在最后一个选项卡视图(包含最终提交按钮)中,而不是正在检查的表单元素的选项卡视图(使用Javascript 有没有办法使用所需属性HTML5将tabview切换到正在验证的元素,javascript,html,yui,Javascript,Html,Yui,我在表单中使用YUI选项卡视图,它在末尾有一个提交按钮(第5个选项卡),问题是验证工作正常,但我无法看到弹出消息,因为我在最后一个选项卡视图(包含最终提交按钮)中,而不是正在检查的表单元素的选项卡视图(使用检查有效性) 我用的是: 这是它看起来的样子: 当我单击第一个选项卡中的第一个提交按钮时,它会显示弹出窗口,但当我从最后一个按钮单击时,它会抛出一个Javascript错误 我的问题是:有没有办法将选项卡更改为包含被检查元素的选项卡?您将收到一个错误: An invalid form co
检查有效性)
我用的是:
这是它看起来的样子:
当我单击第一个选项卡中的第一个提交按钮时,它会显示弹出窗口,但当我从最后一个按钮单击时,它会抛出一个Javascript错误
我的问题是:有没有办法将选项卡更改为包含被检查元素的选项卡?您将收到一个错误:
An invalid form control with name='field1' is not focusable.
考虑到你的设计,我认为这不是一个容易解决的问题。我建议您控制表单提交并自行验证。您可以依次验证每个选项卡,如果出现错误,请关注包含该字段的选项卡。抱歉,这是这个问题的解决方案
您可以将其与原始版本进行比较
由于没有自动更改选项卡视图的YUI2函数,因此我们的想法是添加一个函数来搜索将被验证的输入并激活包含它的选项卡视图,这样我们就可以看到html5弹出消息
<div id="tab3"><p>Tab Three Content</p>
<button onclick="ToolData.tabs.selectTab(0);"> submit </button>
</div>
选项卡三内容
提交
你的小提琴没有任何作用。。。你能修改它来重现你的问题吗?你的提琴上没有表单,也没有将事件处理程序附加到按钮上,因此你什么也得不到。感谢Steve,我已经知道错误消息,我正在试图找到一种方法来捕捉检查元素之前的瞬间,这样我可以切换YUI选项卡(因为YUI将元素隐藏在其他选项卡中)