提交后联系表单未清空且邮件进入垃圾邮箱问题求助

一、核心问题梳理 #

• 提交后表单无法清空，提交按钮持续显示“Please wait...”
• 发送的邮件进入垃圾邮箱，发件方显示xxx@secureserver.net
• 测试邮件可送达个人邮箱，但前端交互状态异常

二、问题逐个修复 #

1. 按钮持续加载+表单无法清空 #

问题原因

前端ajaxSubmit指定了dataType: 'json'，但后端PHP脚本未输出任何JSON格式响应，导致success回调永远无法触发，按钮无法恢复原始状态，表单清空逻辑也不会执行。此外，PHP代码开头存在语法错误（?php应改为<?php）。

解决方案

修改PHP脚本，在邮件处理完成后返回标准JSON响应，同时修正语法错误。

2. 邮件进垃圾邮箱+发件方显示异常 #

问题原因

• 身份验证失败：直接将用户输入的邮箱设为From头，与服务器默认发件域名（secureserver.net）不匹配，触发SPF/DKIM验证失败，被判定为垃圾邮件。
• 收件人地址错误：原始代码中$to = 'someemail.com'不是完整邮箱格式，需改为xxx@someemail.com。
• 缺少必要头信息：未设置Reply-To头，无法正确回复到用户邮箱；From头应使用你域名下的合法邮箱（如noreply@yourdomain.com）。

解决方案

• 用自有域名邮箱作为From发件人，用户邮箱设为Reply-To回复地址
• 修正收件人地址格式
• 添加合规邮件头提升邮件可信度

三、修改后的完整代码 #

修复后的PHP邮件发送代码 #

<?php
header('Content-Type: application/json'); // 声明返回JSON格式

if( $_SERVER['REQUEST_METHOD'] == 'POST' ) {
    // 修正为完整收件人邮箱
    $to = 'your-real-email@someemail.com';

    $name = trim($_POST['form_name']);
    $email = trim($_POST['form_email']);
    $subject = trim($_POST['form_subject']);
    $phone = trim($_POST['form_phone']);
    $message = trim($_POST['form_message']);

    $referrer = $_SERVER['HTTP_REFERER'] ? '<br><br><br>表单提交来源: ' . $_SERVER['HTTP_REFERER'] : '';

    // 整理邮件内容
    $email_content = "姓名: $name<br><br>";
    $email_content .= "邮箱: $email<br><br>";
    $email_content .= !empty($phone) ? "电话: $phone<br><br>" : '';
    $email_content .= "留言: $message<br><br>";
    $email_content .= $referrer;

    $subject = !empty($subject) ? $subject : '新留言 | 联系表单';

    // 使用自有域名下的合法发件邮箱
    $from_email = 'noreply@yourdomain.com';
    $from_name = '你的网站联系表单';

    // 设置邮件头
    $headers = [];
    $headers[] = 'MIME-Version: 1.0';
    $headers[] = 'Content-type: text/html; charset=utf-8'; // 改为UTF-8支持中文
    $headers[] = "From: $from_name <$from_email>";
    $headers[] = "Reply-To: $name <$email>"; // 回复到用户邮箱
    $headers[] = "X-Mailer: PHP/" . phpversion();

    // 发送邮件并返回结果
    $mail_sent = mail($to, $subject, $email_content, implode("\r\n", $headers));

    if($mail_sent) {
        echo json_encode(['status' => 'true', 'message' => '留言发送成功！']);
    } else {
        echo json_encode(['status' => 'false', 'message' => '发送失败，请稍后重试。']);
    }
} else {
    echo json_encode(['status' => 'false', 'message' => '无效请求方式。']);
}
?>

前端JS补充错误处理（可选） #

添加error回调，避免请求失败时按钮一直卡在加载状态：

$(form).ajaxSubmit({
    dataType:  'json',
    success: function(data) {
        if( data.status == 'true' ) {
            $(form).find('.form-control').val('');
        }
        form_btn.prop('disabled', false).html(form_btn_old_msg);
        $(form_result_div).html(data.message).fadeIn('slow');
        setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 3000); // 延长显示时间
    },
    error: function() {
        form_btn.prop('disabled', false).html(form_btn_old_msg);
        $(form_result_div).html('发生错误，请重试。').addClass('alert-danger').removeClass('alert-success').fadeIn('slow');
        setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 3000);
    }
});

内容的提问来源于stack exchange，提问作者bryans