Почему не отправляется форма?

Question

[Smeecy Smeecy]

На сайте , есть Форма отправки как в модальном окне, так и ниже в футере, если отправлять в футере - письмо доходя , в модальном окне - нет. Но даже в футере при отправке, неправильно обрабатывается файл ajax.

<div class="form">
                       <h2>Оставить заявку</h2>
                        <form id="formx" class="form-order">
                            <span>Ваше имя</span>
                            <input required="required" type="text" name="name" class="input-name" />
                            <span>Ваш телефон</span>
                            <input required="required" type="text" name="phone" class="input-phone"/>
                            <button type="submit" id="submit" value="Выпустить пар">Выпустить пар</button>
                            <div class="result"></div>
                        </form>
                    </div>

PHP:

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<?php
if ($_POST['submit']) {
        $name = substr(htmlspecialchars(trim($_POST['name'])), 0, 200); 
        $phone =  substr(htmlspecialchars(trim($_POST['phone'])), 0, 50); 
        $from ='[e-mail]';
  // $to - кому отправляем 
        $to = '[e-mail]'; 
        // функция, которая отправляет наше письмо
        mail("[e-mail]'", "Перезвонить", " Имя : $_POST[name] \n Телефонный номер : $_POST[phone]");      
}

else{
$name = substr(htmlspecialchars(trim(array('name'))), 0, 200); 
$phone = substr(htmlspecialchars(trim(array('phone'))), 0, 50); 
// $to - кому отправляем 
$to = '[e-mail]'; 
// функция, которая отправляет наше письмо
mail("[e-mail]", "Перезвонить", " Имя : $_POST[name] \n Телефонный номер : $_POST[phone]"); 

}
?>

AJAX:

$(function() {
    $('#formx').on('submit', function() {
        var empty = $(':text', this).filter(function() {
            return $.trim($(this).val()).length < 3;
        }).length;
        if (empty) {
            alert('В полях должно быть более 3 символов')
            return false;
        }
        $.ajax({
            type: 'POST',
            url: '../php/send.php',
            data: $(this).serialize(),
            success: function(data) {
                if (data) {
                    $('.result').text('Ваша заявка отправлена');
                }
            },
            error: function(xhr, str) {
                alert('Возникла ошибка: ' + xhr.responseCode);
            }
        });
    });
});

Answer 1

[Максим Алёхин]

У вас в коде при отправки вызывается функция call() корой нет, action указывает на void:

<form id="formx" action="javascript:void(null);" onsubmit="call()">

И это блокирует ваш обработчик на jquery, до него просто очередь не доходит.

Answer 2

[Андрей Minisol]

попробуйте так:

$(function() {
    $('.form-order').on('submit', function() {
        var empty = $(':text', this).filter(function() {
            return $.trim($(this).val()).length < 3;
        }).length;
        if (empty) {
            alert('В полях должно быть более 3 символов')
            return false;
        }
        $.ajax({
            type: 'POST',
            url: '../php/send.php',
            data: $(this).serialize(),
            success: function(data) {
                if (data) {
                    $('.result').text('Ваша заявка отправлена');
                }
            },
            error: function(xhr, str) {
                alert('Возникла ошибка: ' + xhr.responseCode);
            }
        });
    });
});