Как добавить в форму ( bitrix:form.result.new) сообщение, выводимое пользователю после отправки?

Question

[AlShest]

Я использую компонент bitrix:form.result.new для формы. Сейчас, после отправки данных, форма просто обновляется. Как сделать так, чтобы после отправки, пользователь получал ответное сообщение?

Вот подключение формы:

<div class="reveal" id="feedback" data-deep-link="true" data-reveal>
        <?
        $APPLICATION->IncludeComponent(
         "bitrix:form.result.new",
         "",
         Array(
            "AJAX_MODE" => "Y",
            "AJAX_OPTION_SHADOW" => "N",
            "AJAX_OPTION_JUMP" => "Y",
            "AJAX_OPTION_STYLE" => "Y",
            "AJAX_OPTION_HISTORY" => "N",
            "CACHE_TIME" => "3600",
            "CACHE_TYPE" => "A",
            "CHAIN_ITEM_LINK" => "",
            "CHAIN_ITEM_TEXT" => "",
            "EDIT_URL" => "",
            "IGNORE_CUSTOM_TEMPLATE" => "N",
            "LIST_URL" => "",
            "SEF_MODE" => "N",
            "USE_EXTENDED_ERRORS" => "N",
            "VARIABLE_ALIASES" => Array("RESULT_ID"=>"RESULT_ID","WEB_FORM_ID"=>"WEB_FORM_ID"),
            "WEB_FORM_ID" => "1"
         )
      );
        ?>

Comments

[Ярослав Александров]

Используйте комплексный компонент bitrix:form

[AlShest]

Ярослав Александров, для этого нужно будет полностью пересоздать форму в сервисы>веб-формы или достаточно переписать подключение?

[Ярослав Александров]

AlShest, в состав компонента bitrix:form входит bitrix:form.result.new, т.е ничего пересоздавать не нужно

[AlShest]

Ярослав Александров, спасибо! Но как вывести сообщение об успешной отправке? Есть только поле для ссылки на страницу с таким сообщением.

[Сергей Распутин]

В компоненте bitrix:form.result.new есть 3 шаблона отображения контента
1.

if ($arResult["isFormErrors"] == "Y"):?>
    <?= $arResult["FORM_ERRORS_TEXT"]; ?>
<? endif; ?>

Есть при отправке формы возникнут ошибки, то они отобразятся в данном блоке.

2. Если в массиве элемент $arResult["FORM_NOTE"] пустой, то отображается сама форма.

3. Если элемент массива $arResult["FORM_NOTE"] не пустой, то в нем находится текст "Спасибо! Ваша заявка принята!", который отображается после отправки формы.

У меня получился примерно такой шаблон компонента. Обращаю внимание, что сообщение об успешной отправке формы будет вставляться в контейнер, в котором находится компонент, поэтому "container" я добавил в форму

<?
if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die();

if ($arResult["isFormErrors"] == "Y"):?>

    <?= $arResult["FORM_ERRORS_TEXT"]; ?>

<? endif; ?>

<?if(empty($arResult["FORM_NOTE"])){?>
    <div class="dillers-form">
        <div class="container">
            <div class="dillers-form__inner">
                <div class="heading dillers-form__heading">
                    Заполните анкету и получите диллерский договор и прайс-лист
                </div>
                <? if ($arResult["isFormNote"] != "Y") {?>
                    <?= $arResult["FORM_HEADER"] ?>
                    <div class="dillers-form__box">
                        <?
                        foreach ($arResult["QUESTIONS"] as $FIELD_SID => $arQuestion) {
                            if ($arQuestion['STRUCTURE'][0]['FIELD_TYPE'] == 'hidden') {
                                echo $arQuestion["HTML_CODE"];
                            } else {
                                ?>
                                <div class="dillers-form__item">
                                    <p class="form-input__head"><?=$arQuestion['CAPTION']?></p>
                                    <?= $arQuestion["HTML_CODE"] ?>
                                </div>

                                <?
                            }
                        }
                        ?>
                    </div>
                    <div class="dillers-link__box">
                        <input <?= (intval($arResult["F_RIGHT"]) < 10 ? "disabled=\"disabled\"" : ""); ?> type="submit"  name="web_form_submit" value="<?= htmlspecialcharsbx(trim($arResult["arForm"]["BUTTON"]) == '' ? GetMessage("FORM_ADD") : $arResult["arForm"]["BUTTON"]); ?>"/>
                    </div>
                    <?= $arResult["FORM_FOOTER"] ?>
                <?}?>
            </div>
        </div>
    </div>

<?} else {?>
    <div class="thanks-wrapper">
        <div class="thanks-block">
            <div class="container thanks__inner">
                <img class="man-img" src="<?= SITE_TEMPLATE_PATH ?>/img/man-respect.png" alt="">
                <div class="heading thanks-heading">
                    Спасибо за обращение
                </div>
                <div class="thanks-text">
                    <p class="thanks__descr">Менеджер свяжется с вами в течение 25 минут.</p>
                    <p class="thanks__descr">Чтобы скрасить ожидание, мы отправили презентацию с каталогом и
                        прайс-лист
                        на указанный почтовый ящик. Если вам не пришло письмо, проверьте папку спам.</p>
                </div>
                <div class="thanks-text thanks__subscribe">
                    <span>Подписывайтесь на нас</span>
                    <a href="#">
                        <img src="<?= SITE_TEMPLATE_PATH ?>/img/svg/youtube-black.svg" alt="">
                    </a>
                    <a href="#">
                        <img src="<?= SITE_TEMPLATE_PATH ?>/img/svg/instagram-black.svg" alt="">
                    </a>
                </div>
                <a href="#" class="button">Вернуться на главную</a>
            </div>
        </div>
    </div>
<?}?>

[Уставшая Вишенка]

Сергей Распутин, Спасибо!