提交多個表單的jQuery選項卡/驗證

我正在使用jQuery選項卡，並使用每個選項卡的表單。我在最後一張表格上有一個提交按鈕。如果所有表單的驗證都成功，我希望能夠提交所有表單。提交多個表單的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頁面上的提交按鈕時，是否可以提交所有表單？

來源

2014-11-14 NuAlphaMan

您可以將JavaScript偵聽器附加到'click'事件按鈕。

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

這樣您可以模擬點擊其他按鈕。我假設其他三個按鈕有HTML類按鈕，最後一個按鈕有類按鈕4。這僅僅是一個例子。

希望這會有所幫助。

來源

2014-11-14 21:10:16

我明白，但我又想提交表格1 - 3。目前只有tab4正在提交。 – NuAlphaMan 2014-11-14 21:21:19

如果這些按鈕的類型是提交，這應該工作。另一種方法是給其他三種形式的類，並在監聽器中提交它們：'$（'。form'）。submit（）;' – 2014-11-14 21:24:46

奇怪的是，它的工作！奇怪的是，我在每個屏幕上添加了按鈕，隱藏了它們，然後使用了：$（「＃btn1」）。click（）'並且它工作正常。我也試圖做到這一點，沒有按鈕：'$（「＃tab1_form」）。submit（）'，並沒有工作。 – NuAlphaMan 2014-11-14 21:55:54

提交多個表單的jQuery選項卡/驗證

回答

相關問題