表单新标签页提交时POST数据为空（仅Safari浏览器）

在Safari浏览器中，当用户通过Ctrl + 左键点击表单的submit按钮时，浏览器会将该操作解析为以新标签页打开表单的action地址，但此时会忽略表单的method="post"属性，发送GET请求，导致后端$_POST数组为空，触发验证错误。

以下是几种可行的处理方案，可根据需求组合使用：

1. 前端阻止异常提交行为 #

通过JavaScript监听提交按钮的点击事件，拦截Ctrl+左键触发的新标签页打开行为，强制走表单的POST提交流程，同时保留target="_blank"的新窗口打开效果：

修改HTML中的提交按钮，并添加JS代码：

<form action="form.php" method="post" target="_blank">
    <input type="text" name="firstname" value="123">
    <input type="text" name="lastname" value="123">
    <input type="text" name="age" value="123">
    <button id="btnsubmit" type="submit">Submit</button>
    <button type="reset">Reset</button>
</form>

<script>
document.getElementById('btnsubmit').addEventListener('click', function(e) {
    // 检测是否为Ctrl/Command+左键点击（兼容Mac的Command键）
    if (e.ctrlKey || e.metaKey) {
        e.preventDefault(); // 阻止默认的新标签页打开行为
        this.form.submit(); // 手动触发表单POST提交，会遵循target="_blank"
    }
});
</script>

2. 后端兼容处理 #

针对前端可能遗漏的异常情况（比如用户直接在地址栏输入action地址），在PHP层添加请求方法判断，兼容GET提交的场景（或直接提示错误）：

修改PHP的CSVMailer类构造函数：

public function __construct()
{
    // 兼容Safari的GET提交场景，可选择合并GET参数或提示错误
    if ($_SERVER['REQUEST_METHOD'] === 'GET' && !empty($_GET)) {
        // 方案A：将GET参数作为提交数据使用（需注意CSRF风险）
        $this->postData = $_GET;
        // 方案B：直接提示用户使用正确方式提交
        // print "请通过表单正常提交数据";
        // die();
    } else {
        $this->postData = $_POST;
    }

    // 原有的验证逻辑保持不变
    if (!array_key_exists('firstname', $this->postData) || !array_key_exists('lastname', $this->postData)) {
        $this->debug($_POST);

        if (!array_key_exists('firstname', $this->postData)){ $this->debug( "ERR: !array_key_exists('firstname'" . $this->postData); }
        if (!isset($this->postData['firstname'])){ $this->debug( "ERR: !isset(['firstname'" . $this->postData); }
        if (strlen($this->postData['firstname']) < 1){ $this->debug( "ERR: strlen(['firstname'])" . $this->postData); }

        if (!array_key_exists('lastname', $this->postData)){ $this->debug( "ERR: !array_key_exists('lastname'" . $this->postData); }
        if (!isset($this->postData['lastname'])){ $this->debug( "ERR: !isset(['lastname'" . $this->postData); }
        if (strlen($this->postData['lastname']) < 1){ $this->debug( "ERR: strlen(['lastname'])" . $this->postData); }

        print "Error #001.";
        die();
    }
}

注意：如果选择方案A合并GET参数，建议同时添加CSRF令牌验证，避免恶意提交。

3. 简化表单提交逻辑 #

通过修改按钮的点击事件，强制所有提交操作走表单的submit方法，彻底避免浏览器的异常解析：

<button id="btnsubmit" type="button" onclick="this.form.submit();">Submit</button>

将按钮的type改为button，并通过onclick直接触发表单提交，这样无论用户怎么点击按钮，都会执行标准的POST提交流程。

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