JQuery Ajax联系表单问题

时间:2015-05-28 23:12:27

标签: javascript jquery ajax contact-form

有人可以帮我这个吗?我对编码不是很熟练但是知道得足够多。问题是表格可以填写,但在电话号码字段中它不接受空格,2)当填写正确时,它不会返回“已提交”的值。

非常感谢任何帮助......

    $("#ajax-contact-form").submit(function() {
        var str = $(this).serialize();      
        var href = location.href.replace(/dark\/|video\/|slider\/|contact\.html/g,'');
        $.ajax({
            type: "POST",
            url: href + "contact_form/contact_process.php",
            data: str,
            success: function(msg) {
                // Message Sent - Show the 'Thank You' message and hide the form
                if(msg == 'OK') {
                    $(this).addClass('success').find('span:eq(1)').html('success'); 
                } else {
                    $(this).addClass('error').find('span:eq(1)').html('error'); 
                }
            }
        });
        return false;
    });

和PHP代码

<?php

include dirname(dirname(__FILE__)).'/mail.php';

error_reporting (E_ALL ^ E_NOTICE);

$post = (!empty($_POST)) ? true : false;

if($post){
    $name = stripslashes($_POST['name']);
    $email = trim($_POST['email']);
    $phone = stripslashes($_POST['phone']);
    $message = stripslashes($_POST['message']);





    $mail = mail(CONTACT_FORM, $phone, $message,
         "From: ".$name." <".$email.">\r\n"
        ."Reply-To: ".$email."\r\n"
        ."X-Mailer: PHP/" . phpversion());


    if($mail){
        echo 'OK';
    }

}
?>

1 个答案:

答案 0 :(得分:0)

你的data是错误的语法,你需要定义它,然后把钥匙放进去,即

data: {str: str},

http://api.jquery.com/jQuery.ajax/