Почему при автозаполнении полей в браузере поля формы приходят пустые?

Question

[Sergey Shum]

Сайт MODX 2.8.4, MS2
Столкнулся с такой проблемой если при оформлении заказа поля доставки (улица, дом) подставлять при помощи автозаполнении браузера, то в плагин передаются пустые значения?
(проверяю через консоль)

if ($modx->event->name = 'msOnCreateOrder') { //msOnCreateOrder //msOnSubmitOrder

  $miniShop2 = $modx->getService('miniShop2');
  $miniShop2->initialize($modx->context->key);
  
  $cart = $miniShop2->cart->get(); // товары корзины
  $order = $miniShop2->order->get(); // заказ
  $status = $miniShop2->cart->status(); // статус корзины

  //артикулы товаров
  $product = [];
  foreach ($cart as $idx) { $i++;
      $prod = $modx->getObject('msProduct', $idx[id]);
      $product = $prod->get('article');
      $modx->log(1, 'message-товар: '.$product);
  }
  //количество товаров
  $product_kol = [];
  foreach ($cart as $idx) { $k++;
      $product_kol = $idx[count];
      $modx->log(1, 'message-количество: '.$product_kol);
  }
  
  $msReceiver = $order['receiver'];
  $msPhone = $order['phone'];
  $msEmail = $order['email'];
  $msComment = $order['comment'];
  $msStreet = $order['street'];
  $msBuilding = $order['building'];
  $msEntrance = $order['entrance'];
  $msFloor = $order['floor'];
  $msRoom = $order['room'];
  $modx->log(1, 'message-имя: '.$msReceiver);
  $modx->log(1, 'message-тел: '.$msPhone);
$modx->log(1, 'message-мэил: '.$msEmail);
  $modx->log(1, 'message-комент: '.$msComment);
  $modx->log(1, 'message-улица: '.$msStreet);
  $modx->log(1, 'message-дом: '.$msBuilding);
  $modx->log(1, 'message-подезд: '.$msEntrance);
  $modx->log(1, 'message-этаж: '.$msFloor);
  $modx->log(1, 'message-квартира: '.$msRoom);
} else return;

Comments

[Danny Arty]

потому что не триггерится событие order/add

[Sergey Shum]

Danny Arty, подскажите пожалуйста как это можно исправить, недавно осваиваю работу плагинов

Answer 1

[Danny Arty]

В minishop2 работает так - при заполнении поля срабатывает js-собыие change и отправляется post-запрос name:value, на бэке срабатывает событие msOnAddToOrder и значение поля с ключом добавляются в заказ, но при autocomplete js-change не срабатывает.
Как вариант можно будет скопировать дефолтный js-скрипт minishop2 по адресу assets/components/minishop2/js/web/default.js и назвать условно custom.js. Далее в системных настройках minishop2 по ключу ms2_frontend_js указать новый скрипт. В скрипте в методе submit miniShop2.Order пробежаться по всем полям и запустить miniShop2.Order.add(key, value);, где key - name поля, а value соответственно значение.

Comments

[Sergey Shum]

Спасибо что помогли, в итоге вроде сработало добавление событие focus, приведу код ниже

Answer 2

[Sergey Shum]

По итогу вроде сработало как посоветовал Danny Arty, но использовал проверку на focus, вот код из доработанного assets/components/minishop2/js/web/default.js

initialize: function () {
            miniShop2.Order.setup();
            if ($(miniShop2.Order.order).length) {
                miniShop2.$doc
                    .on('click', miniShop2.Order.order + ' [name="' + miniShop2.actionName + '"][value="order/clean"]', function (e) {
                        miniShop2.Order.clean();
                        e.preventDefault();
                    })
                    .on('change', miniShop2.Order.order + ' input,' + miniShop2.Order.order + ' textarea', function () {
                        var $this = $(this);
                        var key = $this.attr('name');
                        var value = $this.val();
                        miniShop2.Order.add(key, value);
                    })
                    .on('focus', miniShop2.Order.order + ' input,' + miniShop2.Order.order + ' textarea', function () {
                        var $this = $(this);
                        var key = $this.attr('name');
                        var value = $this.val();
                        miniShop2.Order.add(key, value);
                    });
                var $deliveryInputChecked = $(miniShop2.Order.deliveryInput + ':checked', miniShop2.Order.order);
                $deliveryInputChecked.trigger('change');
            }
        },

Comments

[Danny Arty]

Не надо править default.js, потому что все ваши правки затрутся при обновлении компонента minishop2. Поэтому как я и писал в своем ответе - создайте его копию в этой же папке и укажите новый скрипт в системных настройках.

[Sergey Shum]

Danny Arty, прошу прощения ввел в заблуждение, конечно использовал custom.js. но после нескольких тестов выяснил что срабатывает только на автозаполнения выбранного пол, а в хроме например при подстановки улицы автоматов ставится дом и этаж, что хорошо для пользователей, но они не отлавливаются плагином - пустые. Хотя само стандартное письмо с заказом приходит со всеми заполненными полами? как так ?

[Danny Arty]

Sergey Shum, потому что за отправку письма отвечает событие msOnChangeOrderStatus, которое триггериться после создания заказа. В этот момент в заказ записываются значения всех заполненных полей формы. Тем более, если не ошибаюсь, в хроме может триггериться событие change на автокомплит полей

[Sergey Shum]

Danny Arty,
Добрый вечер, событие msOnChangeOrderStatus в консоли возвращает пустые поля, а change стоит в скрипте custom.js., что я не пойму му что нетак?