<form> и кнопка submit

[federalkaz]

Всем привет! Подскажите кто знает, столкнулся с одной проблемкой.

Для дизайна веб-приложения использую css-framework Twitter-Bootstrap. Так вот, есть у меня модальное окошко. Которое блоками разделено на шапку, тело и подвал. HTML-форма (<form>...</form>) расположена в теле, а кнопки в подвале (т.е. за пределами формы). Как мне теперь быть? Подскажите как при помощи кнопки которая вне формы отправлять запрос к моему файлу обработчику формы.

Вот часть кода:

            </form><!--Вот тут форма закрывается, а ниже мои кнопки-->
            </div><!--modal-body-->
            <div class="modal-footer">
              <button class="btn" data-dismiss="modal">Закрыть</button>
              <button class="btn btn-primary">Сохранить</button>
            </div><!--modal-footer-->
          </div><!--Конец всплывающего окна "Смена1Бригада1"-->

Я уже пробовал для кнопки прописывать - formaction="include/stal-plav/1smena1brigada/form-action.php", не помогает.

[ATL]

Вам необходимо использовать Javascript:

<button class="btn btn-primary" id="formSubmit">Сохранить</button>

JS (jQuery):

PHP код:

$('#formSubmit').on('click', function() {
   $('form').submit();
}) 


[federalkaz]

Сообщение от ATL

Вам необходимо использовать Javascript:

Подскажите пожалуйста как правильно подключить. С JS не дружу))
Я вот вроде сделал так:

              </form>
            </div><!--modal-body-->
            <div class="modal-footer">
              <button class="btn" data-dismiss="modal">Закрыть</button>
              <button class="btn btn-primary" id="formSubmit">Сохранить</button>
               <script language="javascript">
                 $('#formSubmit').on('click', function() {
   		   $('form').submit();
		  })
	        </script>
            </div><!--modal-footer-->
          </div><!--Конец всплывающего окна "Смена1Бригада1"-->

Но не работает кнопка, ещё пробовал скрипт JS вставлять перед кодом кнопки, всё равно не работает.

[federalkaz]

Всё, работает, не подключил библиотеку JQuery. После подключения - заработало. Спасибо большое за помощь!!!

[federalkaz]

Сообщение от ATL

Вам необходимо использовать Javascript:

<button class="btn btn-primary" id="formSubmit">Сохранить</button>

JS (jQuery):

PHP код:

$('#formSubmit').on('click', function() {
   $('form').submit();
}) 


Столкнулся с такой проблемой:
У меня несколько однотипных модальных окон. Различие только в их содержимом и скрипте-обработчике. При нажатии на кнопку Сохранить, у первого окна, перебрасывает на файл-обработчик для второго модального окна. Вроде id кнопок и в скрипте менял.

Код первой кнопки в первой форме:

               <button class="btn btn-primary" id="formSubmit">Сохранить</button>
               <script language="javascript">
                 $('#formSubmit').on('click', function() {
   		   $('form').submit();
		 })
		</script>

Код второй кнопки во второй форме:

              <button class="btn btn-primary" id="formSubmit1">Сохранить</button>
              <script language="javascript">
                 $('#formSubmit1').on('click', function() {
   		   $('form').submit();
		 })
	     </script>

В чём может быть проблема?
в action для форм стоят разные обработчики

[eval]

$('form').submit();

$('form').submit();

разницу видите? и никто не видит

[federalkaz]

Сообщение от eval

$('form').submit();

$('form').submit();

разницу видите? и никто не видит

Подскажите пожалуйста что конкретно тут изменить? Просто я полный нуль в JS. Заранее благодарен.

[eval]

алах его знает что конкретно, вы же не показали как оно у вас конкретно
могу только сказать что кнопка должна сабмитить "свою" форму, т.е. в $('form') вместо form указать чё надо

[federalkaz]

Сообщение от eval

алах его знает что конкретно, вы же не показали как оно у вас конкретно
могу только сказать что кнопка должна сабмитить "свою" форму, т.е. в $('form') вместо form указать чё надо

Попробовал вот так для первой:

<form id="1smena1brigada" action="include/stal-plav/1smena1brigada/form-action.php" method="post" name="1smena1brigada">
...
</form>
...
<button class="btn btn-primary" id="formSubmit">Сохранить</button>
<script language="javascript">
  $('#formSubmit').on('click', function() {
    $('#1smena1brigada').submit();
  })
</script>

А вот так для второй:

<form id="2smena2brigada" action="include/stal-plav/2smena2brigada/form-action.php" method="post" name="2smena2brigada">
...
</form>
...
<button class="btn btn-primary" id="formSubmit1">Сохранить</button>
<script language="javascript">
  $('#formSubmit1').on('click', function() {
    $('#2smena2brigada').submit();
  })
</script>

Теперь кнопка Сохранить вообще ничего не делает.

[federalkaz]

Разобрался, слава Дримвиверу (подсказал, что ИД уже используется в системе). Изменил на уникальное и всё заработало.