2014-11-14 4 views
0

Я использую вкладки 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?

ответ

1

Вы можете прикрепить прослушиватель javascript к кнопке для события 'click'.

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

Таким образом вы имитируете клик для других кнопок. Я полагаю, что на остальных трех кнопках есть кнопка класса HTML, а на последней кнопке есть кнопка класса4. Это только, к примеру.

Надеюсь, это поможет.

+0

Я понимаю это, но снова хочу представить формы 1 - 3. Сейчас только таб4 отправляется. – NuAlphaMan

+0

Если эти кнопки имеют тип submit, это должно работать. Другой подход может заключаться в том, чтобы дать классу для остальных трех форм и в слушателе представить их: '$ ('. Form'). Submit();' –

+0

Как ни странно, это сработало! Странно, я добавил кнопки на каждый экран, спрятал их, а затем использовал: '$ (" # btn1 "). Click()' и он сработал. Я также попытался сделать это без кнопки: '$ ("# tab1_form"). Submit()', и это не сработало. – NuAlphaMan

Смежные вопросы