Question

仅作为序言，我是编码的新手。

我正在处理网站的联系表单，我希望在用户提交表单时，将要发送到我的PHP脚本的数据发送给PHP脚本，该脚本发送一封电子邮件，然后出现一个通知栏，以确认提交。

截至目前，当我按Submit时，该表格不执行任何操作。

条形图已经创建并且包含在单独的函数中
如果我让页面正常刷新，则该表单有效
我已经在服务器上和服务器下对其进行了测试

function successHeader() {
    //jQuery for the confirmation box
    $(".submittedBox").css("display", "block"); //Displays Pop-Up
    $(".form_header").css("display", "none"); //Removes Contact Us      
}

function formSubmit() {

    $(".contact_form").submit(function(event) { //Submit Handler

        var $form = $(this), //Get the action attribute
            url = $form.attr('action');

        var post = $.post(url, $form.serialize());

        post.done(function() { //When the function is successfully submitted
            successHeader();
        });
    });

}

在这里调用函数（错误处理有效）

//If the form has no errors
        if (error == 0) {
            formSubmit();
        }

PHP脚本的名称为：form_processing.php

预期：表单提交，并出现弹出窗口实际：没什么

使用AJAX将表单数据发送到PHP脚本并显示成功通知，而无需刷新页面

0 个答案: