отправить форму в новой вкладке

Я хотел бы (просто проверить некоторые функции, после того, как я избегу этого поведения), чтобы загрузить страницу, вызванную submit На новой вкладке : это возможно?

8 94
jquery php html-form html-form-post

8 ответов:

<form target="_blank" [....]

отправит форму в новой вкладке... Я не уверен, что это то, что вы ищете, пожалуйста, объясните лучше...

189

У меня есть кнопка [Отправить] и [предварительный просмотр] , Я хочу, чтобы предварительный просмотр отображал представление печати представленных данных формы, не сохраняя его в базе данных. Поэтому я хочу [предварительный просмотр], чтобы открыть в новой вкладке, и отправить, чтобы отправить данные в том же окне/вкладке.

<button type="submit" id="liquidacion_save" name="liquidacion[save]" onclick="$('form').attr('target', '');">Save</button></div>    <div>
<button type="submit" id="liquidacion_Previsualizar" name="liquidacion[Previsualizar]" onclick="$('form').attr('target', '_blank');">Preview</button></div>
21

добавить target="_blank" до <form> тег.

10

поскольку у вас есть этот помеченный jQuery, я предполагаю, что вы хотите что-то вставить в свою функцию успеха?

success: function(data){
    window.open('http://www.mysite.com/', '_blank');
}
7

попробуйте использовать jQuery

<script type="text/javascript">
$("form").submit(function() {
$("form").attr('target', '_blank');
return true;
});
</script>

вот полный ответ -http://ftutorials.com/open-html-form-in-new-tab/

4

также можно использовать новый атрибут, который называется formtarget Это было введено с HTML5.

<form>
  <input type="submit" formtarget="_blank"/>
</form>
3

параметры Вашего браузера должны быть настроены на открытие новых окон на новой вкладке, иначе откроется новое окно браузера.

1

Это также будет работать отлично, вы можете сделать что-то еще, пока новый обработчик вкладок отправляет.

<form target="_blank">
    <a href="#">Submit</a>
</form>

<script>
    $('a').click(function () {
        // do something you want ...

        $('form').submit();
    });
</script>
1