Как интегрировать механизм проверки js с jQuery AJAX и PHP, отправляющим электронную почту?

Question

Я использую от https://github.com/posabsolute/jQuery-Validation-Engine

Проверка работала, но AJAX не работал ... Проблема в том, что она не работала со мной много раз, я пытался сделатьэто, но это не удалось более 30 раз, я не знаю почему, его пример php AJAX submit мне не полезен ...

Есть мой скрипт для проверки формы:

    $("#formID").validationEngine({promptPosition : "centerRight", scroll: false, ajaxFormValidation: true});

Есть мой JQuery AJAX-скрипт, который я хочу интегрировать с механизмом проверки:

$.ajax({
    type: "POST",
    url: "send.php",
    data: sendData,
    beforeSend: function () {
        $("#ajax").show();
    },
    success: function () {

        $('#listo').html("<p>Thank you!</p>")
            .hide()
            .fadeIn(1000, function () {

        });
    }
});                       

И еще один мой PHP-скрипт для отправки формы данных:

function send_email() {
$message = "\nNombre: " . $_POST['nombre'] .
    "\nEmail: " . $_POST['email'] .
    "\nMensaje: " . $_POST['message'] .
    "\nTélefono: " . $_POST['tel'];

$message .= "\n\nBrowser Info: " . $_SERVER["HTTP_USER_AGENT"] .
    "\nIP: " . $_SERVER["REMOTE_ADDR"] .
    "\n\nDate: " . date("Y-m-d h:i:s");

$siteEmail = 'my@mail.com';
$emailTitle = 'Contact from your website';
$thankYouMessage = "succesful sent.";   

if(! mail($siteEmail, $emailTitle, $message, 'From: ' . $_POST['nombre'] . ' <' . $_POST['email'] . '>'))
    echo 'cannot send...';

}

Кто-нибудь может мне помочь?

Answer 1

Не могли бы вы попробовать это:

jQuery(document).ready(function () {
    jQuery("#formID").validationEngine({
        promptPosition: "centerRight",
        scroll: false,
        ajaxFormValidation: true,
        ajaxFormValidationURL: "send.php",
        onBeforeAjaxFormValidation: function () {
            $("#ajax").show();
        },
        onAjaxFormComplete: function () {
            $('#listo').html("<p>Thank you!</p>")
                .hide()
                .fadeIn(1000);
        }
    });
});