Как сделать чтобы после отправки формы открывалась новая страница?

Question

Как сделать чтобы после отправки формы открывалась новая страница?

<div class="log-form">
<form class="telegram-form">
<input type="text" name="name" placeholder="Имя" autocomplete="off" />
<input type="text" name="phone" placeholder="Телефон" autocomplete="off" />
<textarea name="text"></textarea>
<button type="submit" class="btn">отправить</button>
</form>
</div>
</div>

#css #frontend #html #programming #russian

0

17.11.2023

6 ответов

13 просмотров

Mykhailo Автор вопроса

UltraPokemon
С помощью js можно, а так не знаю подобных атрибут...

спасибо

0

17.11.2023

Mykhailo Автор вопроса

UltraPokemon
С помощью js можно, а так не знаю подобных атрибут...

а как с помощью js это можно сделать?

0

17.11.2023

UltraPokemon

Mykhailo
а как с помощью js это можно сделать?

Постой, вначале попробуй form target="_blank"

0

17.11.2023

Mykhailo Автор вопроса

UltraPokemon
Постой, вначале попробуй form target="_blank"

$('.telegram-form').on('submit', function (event) { event.stopPropagation(); event.preventDefault(); let form = this, submit = $('.submit', form), data = new FormData(), files = $('input[type=file]') $('.submit', form).val('Отправка...'); $('input, textarea', form).attr('disabled',''); data.append( 'name', $('[name="name"]', form).val() ); data.append( 'phone', $('[name="phone"]', form).val() ); data.append( 'email', $('[name="email"]', form).val() ); data.append( 'text', $('[name="text"]', form).val() ); data.append( 'file', $('[name="file"]', form).val() ); files.each(function (key, file) { let cont = file.files; if ( cont ) { $.each( cont, function( key, value ) { data.append( key, value ); }); } }); $.ajax({ url: 'ajax.php', type: 'POST', data: data, cache: false, dataType: 'json', processData: false, contentType: false, xhr: function() { let myXhr = $.ajaxSettings.xhr(); if ( myXhr.upload ) { myXhr.upload.addEventListener( 'progress', function(e) { if ( e.lengthComputable ) { let percentage = ( e.loaded / e.total ) * 100; percentage = percentage.toFixed(0); $('.submit', form) .html( percentage + '%' ); } }, false ); } return myXhr; }, error: function( jqXHR, textStatus ) { // Тут выводим ошибку }, complete: function() { // Тут можем что-то делать ПОСЛЕ успешной отправки формы console.log('Complete') form.reset() } }); return false; });

0

17.11.2023

Mykhailo Автор вопроса

тут

0

17.11.2023