Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Форма без перезагрузки (https://javascript.ru/forum/misc/32903-forma-bez-perezagruzki.html)

demoniqus 03.11.2012 15:46

Форма без перезагрузки
 
Есть форма на странице.
<form action="/credentials/common" method="POST" enctype="multipart/form-data" target="iframe-credentials-mandate" onsubmit="return false;">
/*содержимое формы*/
<button role="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only save-mandate-btn"><span class="ui-button-text">Сохранить</span></button>
</form>
<iframe id="iframe-credentials-mandate" style="display: none; width: 0px; height: 0px;">

На кнопке висит функция:
$('button.save-mandate-btn').click(function() {
                    var form = $(this).parents('form:first');
                    form.removeAttr('onsubmit');
                    form.submit();
                });

Chromium после отправки формы страницу не перезагружает, что и требуется. А вот IE9, FireFox послали меня и открыли новую вкладку вместо того, чтобы направить вывод в iframe... Что я делаю не так?

demoniqus 03.11.2012 16:11

Видимо дело в следующем: Chrome может и по id-шнику поймать целевой iframe, а вот IE и FF ловят его по name.

bes 04.11.2012 21:12

http://htmlbook.ru/html/form/target
Цитата:

В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно


Часовой пояс GMT +3, время: 01:56.