Задать вопрос
@mehanist

Только на мобильной версии сайта не работает отправка формы на почту?

есть сайт, админка mdox, в ней установлен FetchIt .
на сайте при просмотре на компе работает форма для оставления заявки на звонок , если включать на компе как мобильник тоже работает,
но эта форма не работает в телефоне, при клике "заказать звонок" форма стирается и не отправляется, но если включить сайт в мобильном как на ПК то форма отправляется.
ошибок в коде js css не найдено , капча не блокирует,
Чанк: modal-order-callback :
<div class="modal modal--1"
    data-target="order-callback"
    role="dialog">
    <div class="container-modal">
       <div class="modal__inner">
          <button class="modal__close" aria-label="Close">✕</button>
          <div class="modal__header">Заказать звонок</div>
            [[!FetchIt?
                &form=`modal-order-callback.tpl`
                &hooks=`chekSpamProtectionMessageKey,myValidate,myValidate2,spam,email,FormItSaveForm`
                &emailTpl=`recall-template`
                &emailSubject=`Заказ обратного звонка`
                &emailTo=`###@bk.ru, ###@mail.ru, ###@yandex.ru`
                &fieldNames=`
                    name==Имя,
                    phone==Телефон,
                    page==Страница,
                    pageid==Номер страницы,
                `
                &validate=`
                    name:required:maxLength=^30^,
                    phone:required,
                    nospam:blank,
                    work-email:blank,
                `
                &validationErrorMessage=`<br>Что-то пошло не так!<br>  Попробуйте отправить сообщение еще раз`
                &successMessage=`<br>Менеджер свяжется с вами в ближайшее время!`
                &rcv3Action=`orderCallback`
            ]]
       </div>
    </div>
 </div>
Чанк: modal-order-callback.tpl:
<form id="orderСallback" class="form-order-call validate-js" name="orderСallback" action="[[~[[*id]]]]">
    <input type="hidden" name="form_name" value="Модальная форма: Обратный звонок" style="display: none;">
       [[$validate_input_list]]
    [[!rcv3_html? &action=`[[+rcv3Action:default=``]]` &error=`[[+fi.error.g-recaptcha-response]]`]]
    <div class="order-call__input">
        <input 
           class="order-call__enter"
           id="orderRecallName"
           type="text"
           name="name"
           placeholder="Ваше имя*"
           required>
           <span class="error_name"></span>
     </div>
    <div class="order-call__input">
        <input 
           class="order-call__enter"
           id="orderRecallPhone"
           type="tel"
           name="phone"
           placeholder="Телефон*"
           required>
           <span class="error_phone"></span>
        </div>
    <div class="order-call__toggle">
        <input
           class="order-call__toggle-button"
           id="ordertRecallToggleButton"
           type="checkbox"
           required>
        <label
           class="order-call__toggle-text"
           for="ordertRecallToggleButton">
            Я ознакомился с 
            <a href="#" class="order-call__toggle-link">
              политикой конфиденциальности
            </a>
        </label>
    </div>
    <div class="order-call__button">
        <button class="btn-norm-long btn-red" id="btn_call" type="submit">
            Заказать звонок
        </button>
    </div> 
</form>
  • Вопрос задан
  • 86 просмотров
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@alexalexes
Подключите телефон к компу в режиме отладки (нужен будет ADB драйвер), а браузер - в режиме синхронизации.
Вот так и отлаживайте.
Смотрите, что там в JS происходит по части работы формы, и какие ajax шлет браузер телефона.
PS: Можете попробовать на браузере компа включить отображение мобильной версии в панели разработчика, но это влияет только на юзер-агент и CSS, у JS появляется доступ к тач событиям. Но этого может быть недостаточно для воспроизведения багов.
Ответ написан
Комментировать
Mike_Ro
@Mike_Ro Куратор тега JavaScript
Python, JS, WordPress, SEO, Bots, Adversting
Дополню ответ alexalexes
Подключите телефон к компу в режиме отладки (нужен будет ADB драйвер), а браузер - в режиме синхронизации.
Вот так и отлаживайте.

Еще вариант:
1. Подключаем андройд к компу по usb.
2. Переход в настройки андройда -> параметры разработчика -> отладка по usb.
3. Открываем страницу хромиум браузер на коме chrome://inspect/#devices.
4. Жмем inspect нужной страницы.

Теперь можно отлаживать хромиум браузер смартфона (не только смартфона, а вообще любой доступный удаленный хромиум браузер) на компе, получая все информацию от лица смартфона.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы