1

Не могу понять в чем проблема. Есть сайт, внизу есть форма. Нажимаю на кнопку "отправить", все содержимое в теге form удаляется со страницы.

    $(document).ready(function () {
      $("form").submit(function (e) {
        sendForm(this); // !!! передавайте элемент формы в функцию sendForm
        return false;
      });
    });
    
    function sendForm(form) {
      var formNm = $(form);
      $.ajax({
        type: "POST",
        url: 'mail.php',
        data: formNm.serialize(),
        success: function (data) {
          formNm.html(data);
        },
        error: function (jqXHR, text, error) {
          formNm.html(error);
        }
      });
    } 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form class="form-block-content-object">
                <div class="form-block-content-object-title">Оставить заявку</div>
                <div class="form-block-content-object-input-lb">Ваше имя</div>
                <input style="padding=left:10px" name="user_name" type="text" class="form-block-content-object-input">
                <div class="form-block-content-object-input-lb">Ваш телефон</div>
                <input  style="padding=left:10px" name="user_phone" type="number" class="form-block-content-object-input">
                <button   type="submit" class="form-block-content-object-button">Отправить</button>
            </form>

6
  • Ваш код в студию?
    – doox911
    27 фев 2019 в 6:32
  • Код чего именно?Формы? 27 фев 2019 в 6:33
  • Ну как минимум html и js
    – doox911
    27 фев 2019 в 6:36
  • Отредактировал. 27 фев 2019 в 6:42
  • Так вы ж стриаете её после ответа сервера)
    – doox911
    27 фев 2019 в 6:45

2 ответа 2

1

У вас при ответе или ошибки в тег form выводился ответ сервера:

success: function (data) {
   formNm.html(data);
},
error: function (jqXHR, text, error) {
   formNm.html(error);
}

$(document).ready(function () {
    $("form").submit(function (e) {
            sendForm(this); // !!! передавайте элемент формы в функцию sendForm
            return false;
          });
        });
        
function sendForm(form) {
    let formNm = $(form)
    $.ajax({
      type: "POST",
      url: 'mail.php',
      data: formNm.serialize(),
      success: function (data) {
          $(formNm).after(data);
      },
      error: function (jqXHR, text, error) {
          $(formNm).after(error);
      }
  });
} 

Я вставил метод after, теперь ответ будет выводиться после тега form.

-1

return false перенесите в ajax запрос.

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.