0

最後 (5 番目のタブ) に送信ボタンがあるフォームで YUI タブビューを使用しています。チェックされているフォーム要素のタブビュー（ 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 に答える