Почему не работает отправка формы на IOS?

Question

[nikoly57]

Всем привет!

Есть форма:

<form class="phone-form" action="" method="post" id="phone-form1">
                    <label>Ваше имя</label>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1"><svg xmlns="http://www.w3.org/2000/svg" class="bi bi-person" width="1em" height="1em" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M15 16s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002zM5.022 15h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C13.516 12.68 12.289 12 10 12c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002zM10 9a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0z" clip-rule="evenodd"/></svg></span>
                        </div>
                        <input type="text" name="name" id="name1" class="form-control" placeholder="Имя" aria-label="Username" aria-describedby="basic-addon1">
                    </div>
                    <div class="input-group mb-3">
                        <label for="phone1">Номер телефона</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="inputGroupPrepend11"><svg class="bi bi-phone" width="1em" height="1em" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M13 3H7a1 1 0 00-1 1v11a1 1 0 001 1h6a1 1 0 001-1V4a1 1 0 00-1-1zM7 2a2 2 0 00-2 2v11a2 2 0 002 2h6a2 2 0 002-2V4a2 2 0 00-2-2H7z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M10 15a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg></span>
                            </div>
                            <input type="text" name="phone" id="phone1" maxlength="17" placeholder="+7(XXX) XXX-XX-XX" class="form-control-phone" aria-label="Phone" aria-describedby="basic-addon1" data-format="+d(ddd) ddd-dd-dd" value="" pattern="[\+]\d{1}[\(]\d{3}[\)]\s\d{3}[\-]\d{2}[\-]\d{2}" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-check-l" id="frm1">
                            <div class="ck1" id="frm2">
                                <label for="invalidCheck11"></label><input class="form-check-input" type="checkbox" value="" id="invalidCheck11" checked="checked" required>
                                <label class="form-check-label" for="invalidCheck2">
                                    Я согласен на обработку <a target="_blank" href="">персональных данных</a>
                                </label>
                            </div>
                        </div>
                    </div>
                    <button class="btn btn-primary" id="submit11" type="submit" name="submit">Отправить заявку</button>
</form>

Стоит такой обработчик:

$(function() {
        $('#phone-form1').submit(function () {
            var errors = false;
            if (!errors) {
                var data =  "site=site&" + $('#phone-form1').serialize();
                $.ajax({
                    url: '/send.php',
                    type: 'POST',
                    data: data
                });
            }
            window.location.assign('https://sire.ru/success');
            return false;
        });
});

Далее с помощью PHPMailer идет отправка письма по SMTP

Все письма доходят, если отправка происходит с Chrome на windows, android. Но не на safari. Как это исправить?

Comments

[alexalexes]

Не работает форма - слишком неточная формулировка.
а) Не срабатывает отправка ajax-запроса на форме?
или
б) php скрипт не принимает POST запрос?

[nikoly57]

Не срабатывает отправка ajax-запроса на форме

Answer 1

[nikoly57]

Помогло отключение асинхронности

$.ajax({
  async: false,
  url: '/send.php',
  type: 'POST',
  data: data
 );