Чтобы отправить форму на новой вкладке с помощью jQuery, вы можете использовать атрибут target
элемента формы. Вот несколько методов, которые вы можете использовать:
Метод 1: использование атрибута target
непосредственно в теге формы.
<form action="your-action-url" target="_blank" method="POST">
<!-- Form fields -->
<input type="submit" value="Submit">
</form>
Метод 2. Прикрепление обработчика события клика к кнопке отправки с помощью jQuery.
<form id="myForm" action="your-action-url" method="POST">
<!-- Form fields -->
<input id="submitButton" type="submit" value="Submit">
</form>
<script>
$(document).ready(function() {
$('#submitButton').click(function() {
$('#myForm').attr('target', '_blank');
});
});
</script>
Метод 3: динамическое создание новой формы с атрибутом target
, установленным в значение _blank
.
<form id="myForm" action="your-action-url" method="POST">
<!-- Form fields -->
<input id="submitButton" type="submit" value="Submit">
</form>
<script>
$(document).ready(function() {
$('#submitButton').click(function() {
var form = $('<form>', {
'action': $('#myForm').attr('action'),
'method': 'post',
'target': '_blank'
});
$('#myForm').find('input, select, textarea').each(function() {
$(this).clone().appendTo(form);
});
form.appendTo('body').submit();
});
});
</script>
Эти методы позволяют отправить форму в новой вкладке или окне, когда пользователь нажимает кнопку отправки.