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

Question

[Евгений Жуков]

Есть всплывающее окно с формой для ввода номера телефона, нужно сделать, чтобы при отправки заполненной формы человека отправляло на страницу.
Тоесть когда пользователь нажимает на кнопку "БРОНИРОВАТЬ", то его должно будет перебросить на страницу "СПАСИБО"
Важно: Если просто пользователь из любопытства нажмет на кнопку "ЗАБРОНИРОВАТЬ", то его не должно перебрасывать на
страницу спасибо. Его должно перебрасывать только в том случае, когда он введет номер телефона и нажмет "ЗАБРОНИРОВАТЬ"

Comments

[Ankhena]

Как сделать открытие другой страницы после отправки формы?

[Евгений Жуков]

Ankhena W: и? как сделать это в bitrix

[Ankhena]

Евгений Жуков: Отредактировать код кнопки или формы. И без разницы битрикс это или нет.

[Евгений Жуков]

Сейчас в шаблоне всплывающее окно сделано так:

spoiler

<div class="popup-content form-wrapper" id="reservation-popup">
			<p class="form-title">Бронирование</p>
			<?
			$APPLICATION->IncludeComponent(
	"orion:ext.feedback.form", 
	"reservation", 
	array(
		"AJAX_MODE" => "Y",
		"AJAX_OPTION_ADDITIONAL" => $arItem["PROPERTIES"]["ARTICLE_FLAT"]["VALUE"],
		"AJAX_OPTION_HISTORY" => "N",
		"AJAX_OPTION_JUMP" => "Y",
		"AJAX_OPTION_STYLE" => "Y",
		"COMPONENT_ID" => "reservation-popup",
		"COMPONENT_TEMPLATE" => "reservation",
		"DATA-TABLE-COL1-WIDTH" => "100%",
		"DATA-TABLE-COL2-WIDTH" => "0",
		"DATA-TABLE-LABEL-ALIGN-H" => "l-align",
		"DATA-TABLE-LABEL-ALIGN-V" => "c-valign",
		"DATA-TABLE-WIDTH" => "100%",
		"DEFAULT_INPUT_SIZE" => "30",
		"DETAIL_TEXT_USE_HTML_EDITOR" => "N",
		"EFBF_FORM_WIDTH" => "",
		"ELEMENT_ASSOC" => "CREATED_BY",
		"ERROR_MESSAGES_POSITION" => "UNDER",
		"FIELD_ERRMSG" => "N",
		"FIELD_ERROR_POSITION" => "N",
		"FIELD_ORDER" => "N",
		"FIELD_PREDEF" => "Y",
		"FIELD_SELF_NAMES" => "Y",
		"FIELD_VALID" => "Y",
		"FORM_CODE" => "RESERVATION",
		"FORM_NAME" => "",
		"GROUPS" => array(
			0 => "2",
		),
		"IBLOCK_ELEMENT_ID" => "",
		"IBLOCK_ID" => "17",
		"IBLOCK_TYPE" => "webforms",
		"INPUT_AS_PASSWORD" => "",
		"INPUT_AS_PASSWORD_CONFIRM" => "N",
		"LIST_NOT_ESTABLISHED_PROP_STATUS" => "N",
		"MAX_FILE_SIZE" => "0",
		"MAX_LEVELS" => "100000",
		"NEED_JQUERY" => "EXISTS_JQUERY",
		"PREVIEW_TEXT_USE_HTML_EDITOR" => "N",
		"PROPERTY_CODES" => array(
			0 => "NAME",
			1 => "PROP_SKU",
		),
		"PROPERTY_CODES_REQUIRED" => array(
			0 => "NAME",
			1 => "PROP_SKU",
		),
		"RESIZE_IMAGES" => "N",
		"SAVE_TO_IB" => "Y",
		"SEND_MESSAGE" => "Y",
		"USER_MESSAGE_ADD" => "",
		"USER_SEND_MESSAGE" => "N",
		"USE_CAPTCHA" => "N",
		"USE_CAPTCHA_REFRESH" => "N",
		"USE_TEXT_FOR_HTML" => array(
		),
		"VALID_NAME" => "^(\\+?\\d{1}\\s?)?(\\d{10})\$",
		"VALID_TAGS" => "",
		"VALID_DATE_ACTIVE_FROM" => "",
		"VALID_DATE_ACTIVE_TO" => "",
		"VALID_IBLOCK_SECTION" => "",
		"VALID_PREVIEW_TEXT" => "",
		"VALID_PREVIEW_PICTURE" => "",
		"VALID_DETAIL_TEXT" => "",
		"VALID_DETAIL_PICTURE" => "",
		"CUSTOM_TITLE_NAME" => "Телефон",
		"CUSTOM_TITLE_TAGS" => "",
		"CUSTOM_TITLE_DATE_ACTIVE_FROM" => "",
		"CUSTOM_TITLE_DATE_ACTIVE_TO" => "",
		"CUSTOM_TITLE_IBLOCK_SECTION" => "",
		"CUSTOM_TITLE_PREVIEW_TEXT" => "",
		"CUSTOM_TITLE_PREVIEW_PICTURE" => "",
		"CUSTOM_TITLE_DETAIL_TEXT" => "",
		"CUSTOM_TITLE_DETAIL_PICTURE" => "",
		"CUSTOM_TITLE_PROP_STATUS" => "",
		"CUSTOM_TITLE_CAPTCHA" => "",
		"CUSTOM_TITLE_CAPTCHA_INPUT" => "",
		"PREDEFINED_PROP_SKU" => "",
		"PREDEFINED_PROP_STATUS" => "150",
		"EMAIL_TO" => $strEmail,
		"EVENT_MESSAGE_ID" => array(
			0 => "27",
		),
		"CUSTOM_TITLE_PROP_SKU" => "",
		"VALID_PROP_SKU" => "",
		"PREDEFINED_NAME" => "+7",
		"PREDEFINED_TAGS" => "",
		"PREDEFINED_DATE_ACTIVE_FROM" => "",
		"PREDEFINED_DATE_ACTIVE_TO" => "",
		"PREDEFINED_IBLOCK_SECTION" => "",
		"PREDEFINED_PREVIEW_TEXT" => "",
		"PREDEFINED_PREVIEW_PICTURE" => "",
		"PREDEFINED_DETAIL_TEXT" => "",
		"PREDEFINED_DETAIL_PICTURE" => ""
	),
	false
);
			?>
		</div>

		<script type="text/javascript">
		$(function()
		{
			/*$('a.call-request-popup').fancybox(
			{
				'overlayShow': false,
				'padding': 0,
				'margin': 10,
				'scrolling': 'no',
				'titleShow': false,
				'helpers':
				{
					'overlay':
					{
						'closeClick': false
					}
				}
			});*/
			$('a.call-request-popup').on('click',function(){
				$('.beget-call__modal').addClass('beget-call__modal--in');
			});

			$('button.reservation-popup').fancybox(
			{
				'overlayShow': false,
				'padding': 0,
				'margin': 10,
				'scrolling': 'no',
				'titleShow': false,
				'helpers':
				{
					'overlay':
					{
						'closeClick': false
					}
				},
				'beforeLoad': function()
				{
					var sku = $(this.element).attr('data-sku');
					$('#PROP_SKU_0').val(sku);
					//alert($('#reservation-popup').text());
				}
			});
		});
		</script>

[Илья]

Судя по всему это решение платное, так что либо лезьте в код и смотрите, где что выполняется, либо пишете разработчику

Answer 1

[Алексей]

Обработать событие нажатия кнопки — указать, на какую страницу редирект:

событие нажатия кнопки{
document.location.href = "thank-you.html";
}

А чтобы не было ложного редиректа, проверить заполнение поля. Если поле пусто, то не отправлять форму. Или сделать кнопку disable, пока не заполенено поле, чтобы она не нажималась.

Answer 2

[Илья]

Сделать редирект в backend части? Так вы будете уверены, что пользователь попадет на страницу "Спасибо", только после обработки его данных (в вашей ситуации, данные могут уйти, но нет гарантии их обработки, и вы зря "скажете" спасибо).

КАК это сделать, зависит от того, каким образом вы обрабатываете форму (компонент, велосипед) ?