如何将验证引擎js与jQuery AJAX和PHP电子邮件提交集成?

时间:2011-10-26 19:36:15

标签: php jquery ajax email

我在https://github.com/posabsolute/jQuery-Validation-Engine

中使用

验证工作正常,但AJAX不起作用...... 问题是它对我不起作用很多次,我试着做但它失败超过30次,我不知道为什么,他的AJAX提交php示例对我没用...

我的脚本用于验证表单:

    $("#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...';

}

任何人都可以帮助我?

1 个答案:

答案 0 :(得分:4)

你能尝试一下吗?

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);
        }
    });
});