jQuery选项卡/验证提交多个表单

时间:2014-11-14 21:03:42

标签: javascript jquery html forms jquery-ui

我正在使用jQuery标签,并且我使用每个标签的表单。我在最后一张表格上有一个提交按钮。如果所有表格的验证成功,我希望能够提交所有表格。

<s:div id="wrapper">
            <s:div id="maincontent">
                <s:div id="tabs">
                    <ul>
                        <li><a href="#tabs-1" id="tab-1">Tab 1</a></li>
                        <li><a href="#tabs-2" id="tab-2">Tab 2</a></li>
                        <li><a href="#tabs-3" id="tab-3">Tab 3</a></li>
                        <li><a href="#tabs-4" id="tab-4">Tab 4</a></li>
                    </ul>
                    <s:div id="tabs-1">
                        <jsp:include page="/pages/tab1.jsp" />
                    </s:div>
                    <s:div id="tabs-2">
                        <jsp:include page="/pages/tab2.jsp" />
                    </s:div>
                    <s:div id="tabs-3">
                        <jsp:include page="/pages/tab3.jsp" />
                    </s:div>
                    <s:div id="tabs-4">
                        <jsp:include page="/pages/tab4.jsp" />
                    </s:div>
                </s:div>
            </s:div>
        </s:div>

我有标签和验证工作正常。当我按下tab4页面上的提交按钮时,有没有办法提交所有表格?

1 个答案:

答案 0 :(得分:1)

您可以将javascript侦听器附加到按钮上,以便点击&#39;事件

$('.button4').on('click', function() {
   $('.button').click();
});

这样您就可以模拟其他按钮的点击。 我假设其他三个按钮有HTML类按钮,最后一个按钮有class button4。 这仅仅是例如。

希望这有帮助。