Не срабатывает ajax при отправке формы?

Question

[Вадим Ягофаров]

Вот сайт. Не срабатывает аякс при отправке формы. Данные на почту приходят, но при отправке происходит переход к обработчику, а в идеале при отправке должен быть алерт с сообщением. До этого использовал бутсрап модал в этот раз использую remodal.js, но сомневаюсь что дело в этом. Подскажите в чем ошибка& как такие ошибке отлавливать в devtools? В консоли нечего необычного не появляется

Вот код обработчика

<?php
if (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}
if (isset($_POST['email'])) {$email = $_POST['email']; if ($email == '') {unset($email);}}
if (isset($_POST['tel'])) {$phone = $_POST['tel']; if ($phone == '') {unset($phone);}}
if (isset($_POST['message'])) {$message = $_POST['message']; if ($message == '') {unset($message);}}
if (isset($name) && isset($email)){
if ($_POST['form']) {$formType = $_POST['form'];}
$address = "[e-mail]";
$message = "Имя: $name \n
E-mail: $email \n
Телефонный номер: $phone\n";
$send = mail($address,"Заполнена контактная форма на сайте RONAWEB.RU",$message,"Content-type:text/plain; charset = UTF-8"); 

}

Comments

[Ао]

а js обработчик где? Который на фронте отправляет форму ajax'ом ?

[Вадим Ягофаров]

Ао, вот здесь почти в самом конце

jQuery(document).ready(function($) {
  "use strict";

  //Contact
  $('form.contactForm').submit(function() {
    e.preventDefault();
    console.log('Да я сработала');
    var f = $(this).find('.form-group'),
      ferror = false,
      emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;

    f.children('input').each(function() { // run all inputs

      var i = $(this); // current input
      var rule = i.attr('data-rule');

      if (rule !== undefined) {
        var ierror = false; // error flag for current input
        var pos = rule.indexOf(':', 0);
        if (pos >= 0) {
          var exp = rule.substr(pos + 1, rule.length);
          rule = rule.substr(0, pos);
        } else {
          rule = rule.substr(pos + 1, rule.length);
        }

        switch (rule) {
          case 'required':
            if (i.val() === '') {
              ferror = ierror = true;
            }
            break;

          case 'minlen':
            if (i.val().length < parseInt(exp)) {
              ferror = ierror = true;
            }
            break;

          case 'email':
            if (!emailExp.test(i.val())) {
              ferror = ierror = true;
            }
            break;

          case 'checked':
            if (! i.is(':checked')) {
              ferror = ierror = true;
            }
            break;

          case 'regexp':
            exp = new RegExp(exp);
            if (!exp.test(i.val())) {
              ferror = ierror = true;
            }
            break;
        }
        i.next('.validation').html((ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
      }
    });
    f.children('textarea').each(function() { // run all inputs

      var i = $(this); // current input
      var rule = i.attr('data-rule');

      if (rule !== undefined) {
        var ierror = false; // error flag for current input
        var pos = rule.indexOf(':', 0);
        if (pos >= 0) {
          var exp = rule.substr(pos + 1, rule.length);
          rule = rule.substr(0, pos);
        } else {
          rule = rule.substr(pos + 1, rule.length);
        }

        switch (rule) {
          case 'required':
            if (i.val() === '') {
              ferror = ierror = true;
            }
            break;

          case 'minlen':
            if (i.val().length < parseInt(exp)) {
              ferror = ierror = true;
            }
            break;
        }
        i.next('.validation').html((ierror ? (i.attr('data-msg') != undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
      }
    });
    if (ferror) return false;
    else var str = $(this).serialize();
    $.ajax({
      type: "POST",
      url: "contactform/contactform.php",
      data: str,
      success: function() {
          alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
          $('#forma').modal('hide');
        
       
      },
      
      fail: function() {
          alert("Не правильно введены данные, повторите еще раз");
      }

     
    });
    return false;
  });

});

Answer 1

[Кирилл Прогер]

https://yadi.sk/i/YN-YVXJPyOgmrQ строчка с обработчиком закомментирована

Comments

[Вадим Ягофаров]

я ее поднял выше, на вашем скрине есть

Answer 2

[senior65]

Где находится форма с кнопкой, напиши атрибут onclick="return false"
Например:
<a onclick="return false;">Отправить заявку</a>
Тем самым мы предотвращаем переход к обработчику, и даем работать аяксу
есть несколько вариаций:
return false;
e.preventDefault;
e.stopPropagation;
Почитай в гугле о них!

Answer 3

[ARX2]

Открой var_dump($_POST);

<?php
if (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}
if (isset($_POST['email'])) {$email = $_POST['email']; if ($email == '') {unset($email);}}
if (isset($_POST['tel'])) {$phone = $_POST['tel']; if ($phone == '') {unset($phone);}}
if (isset($_POST['message'])) {$message = $_POST['message']; if ($message == '') {unset($message);}}
if (isset($name) && isset($email)){
if ($_POST['form']) {$formType = $_POST['form'];}
var_dump($_POST);
die;
$address = "[e-mail]";
$message = "Имя: $name \n
E-mail: $email \n
Телефонный номер: $phone\n";
$send = mail($address,"Заполнена контактная форма на сайте RONAWEB.RU",$message,"Content-type:text/plain; charset = UTF-8"); 

}

Потом щелкаешь f12 -> network -> отслеживаешь свой ajax запрос -> смотришь что тебе возвращает POST и сверяешь с условиями
------------------------------------------

$message = "Имя: $name \n
E-mail: $email \n
Телефонный номер: $phone\n";

Зачем ты здесь переменные передаешь как обычные строчки?

Если ты хочешь сюда содержимое переменных вставить, тогда должно выглядеть так:

$message = "Имя: ".$name." \n
E-mail: ".$email." \n
Телефонный номер: ".$phone."\n";