Форма в модальном окне с Ajax не работает в FF? - PullRequest
0 голосов
/ 07 июня 2019

, поэтому у меня есть простая форма в модальном окне начальной загрузки. Теперь с помощью вызова ajax я запускаю файл .php, который сохраняет данные или возвращает ошибку. В Chrome и Safari все работает, как и ожидалось, но в Firefox это не так. В Firefox после нажатия кнопки «Отправить» модальное окно исчезает.

Это функция javascript, которая запускается при отправке формы:

 function submitForm(){
            alert("submit data review");
                    var name = $('#add_owner_name').val();
                    var email = $('#add_owner_email').val();


            $.ajax({
                    type:'POST',
                            url:'add_ajax.php',
                            data:'contactFrmSubmit=1&owner_email=' + email + '&owner_name=' + name,
                            beforeSend: function () {
                                $('.submitBtn').attr("disabled", "disabled");
                                        $('.modal-body').css('opacity', '.5');
                                },
                            success:function(msg){
                                if (msg == 'ok'){
                                     $('#add_owner_name').val('');
                                        $('#add_owner_email').val('');

                                        $('#statusMsg').html('<span style="color:green;">Thanks for your suggestion.</p>');
                                } else{
                                    $('#statusMsg').html('<span style="color:red;">Some problems occurred, please try again.</span>');
                                }
                                    $('.submitBtn').removeAttr("disabled");
                                    $('.modal-body').css('opacity', '');
                            }
                    });
            }

Что я пропускаю? любые предложения

1 Ответ

1 голос
/ 07 июня 2019

Возможно, страница обновляется.

Попробуйте поместить event.preventDefault() в верхней части функции отправки.

...