HTML Форма не отправляется в Safari и iOS Safari

Question

Это никогда не случалось со мной раньше, но у меня есть эта форма, и когда я нажимаю на кнопку, она ничего не делает, как будто я щелкаю элемент <button type="button"></button>, это просто происходит в Safari, потому что в других браузерах это работает правильно (некоторый код отображается на стороне сервера, я использую Laravel):

<form method="post" action="{{ route('checkout.realizar.compra') }}" id="form-compra-tarjeta">
                                                @csrf
                                                <input type="hidden" value="Tarjeta" name="tipo">
                                                <div class="button yellow"><button type="submit" class="btn-confirmar">Confirmar pago</button></div>
                                            </form>

Я не знаю, имеет ли это какое-либо отношение, но у меня есть другие формы внутри моего представления, но они не являются вложенными, каждый из них находится в отдельных местах. Если я проверяю элемент, то ничего не видно ни внутри вкладки сети, он даже не пытается даже go на URL-адрес действия.

У меня также есть javascript (с jQuery) код, который просто отключает кнопку и изменяет текст при нажатии кнопки, хотя я не думаю, что это как-то связано с этим.

$('.btn-confirmar').on('click', function(e){
        $(this).attr('disabled', true);
        $(this).html('Realizando compra... <i class="fas fa-spin fa-circle-notch"></i>');
    });

Answer 1

Оказывается, что код jQuery на самом деле как-то связан с этим, я изменил его следующим образом, и теперь он работает:

$('#form-compra-tarjeta').on('submit', function(e){
        $('.btn-confirmar').attr('disabled', true);
        $('.btn-confirmar').html('Realizando compra... <i class="fas fa-spin fa-circle-notch"></i>');
    });

Но почему ...? Если кто-то может объяснить, так что я могу добавить его к ответу ...