PHP表单未点击提交即自动提交空数据问题求助

看起来你碰到了两个头疼的问题：页面一加载就往tickets.json里塞空数据，点提交按钮却完全没反应。我来一步步帮你排查修复：

1. 点击提交按钮无反应的核心原因 #

你的PHP代码里判断提交的条件是isset($_POST["submit"])，但提交按钮没有设置name="submit"属性！这就导致点击提交后，$_POST数组里根本没有submit这个键，PHP的写入逻辑完全不会触发，自然看不到任何反馈。

修复方法： #

给提交按钮加上name属性：

<button type="submit" name="submit" class="btn btn-info">Submit</button>

2. 页面加载时自动写入空数据的问题 #

这种情况大概率是你刷新页面时，浏览器重复提交了之前的空表单请求（比如不小心提交过空表单，之后刷新浏览器提示重复提交，误点确认就会多次写入空数据）。我们可以通过下面的方式彻底避免：

优化1：增加表单验证，拦截空数据提交 #

在PHP执行写入逻辑前，先检查必填字段是否为空：

<?php 
$message = ''; 
$error = ''; 

if(isset($_POST["submit"])) {
    // 先验证必填字段
    if(empty($_POST["titel"]) || empty($_POST["omschrijving"]) || empty($_POST["datum"]) || empty($_POST["naam"])) {
        $error = "<label class='text-danger'>所有必填字段不能为空！</label>";
    } else {
        // 处理JSON文件逻辑
        if(file_exists('tickets.json')) {
            $current_data = file_get_contents('tickets.json');
            $array_data = json_decode($current_data, true);
            // 处理JSON格式错误的情况
            if($array_data === null) {
                $array_data = [];
            }
            $extra = array(
                'id' => uniqid(), // 后端生成唯一ID，比前端更可靠
                'titel' => $_POST["titel"],
                'omschrijving' => $_POST["omschrijving"],
                'datum' => $_POST["datum"],
                'naam' => $_POST["naam"],
                'TicketType' => $_POST["TicketType"],
            );
            $array_data[] = $extra;
            $final_data = json_encode($array_data, JSON_PRETTY_PRINT); // 格式化JSON，方便阅读
            if(file_put_contents('tickets.json', $final_data)) {
                $message = "<label class='text-success'>Ticket verstuurd!</label>";
            } else {
                $error = "<label class='text-danger'>无法写入文件，请检查文件权限！</label>";
            }
        } else {
            // 文件不存在时创建新数组写入
            $array_data = [
                array(
                    'id' => uniqid(),
                    'titel' => $_POST["titel"],
                    'omschrijving' => $_POST["omschrijving"],
                    'datum' => $_POST["datum"],
                    'naam' => $_POST["naam"],
                    'TicketType' => $_POST["TicketType"],
                )
            ];
            $final_data = json_encode($array_data, JSON_PRETTY_PRINT);
            if(file_put_contents('tickets.json', $final_data)) {
                $message = "<label class='text-success'>Ticket verstuurd!</label>";
            } else {
                $error = "<label class='text-danger'>无法创建文件，请检查目录权限！</label>";
            }
        }
    }
} 
?>

优化2：替换前端生成ID的逻辑 #

你现在用前端JS生成的ID，后端无法获取，而且刷新页面ID会变化。建议改成后端用uniqid()生成唯一ID（如上面代码所示），这样每个Ticket的ID更稳定且能存入JSON。

优化3：避免重复提交的小技巧 #

提交成功后，通过重定向到当前页面，彻底避免刷新页面重复提交：

if(file_put_contents('tickets.json', $final_data)) {
    // 重定向前先把消息存在Session里（因为重定向后页面会刷新，直接赋值的消息会丢失）
    session_start();
    $_SESSION['message'] = "<label class='text-success'>Ticket verstuurd!</label>";
    header("Location: ".$_SERVER['PHP_SELF']);
    exit;
}

然后在HTML里显示Session的消息：

<?php 
session_start();
if(isset($_SESSION['message'])) {
    echo $_SESSION['message'];
    unset($_SESSION['message']); // 显示后清除消息
}
?>

注意：session_start()要放在所有输出之前（包括HTML、空格）。

其他小细节优化 #

• 你引入了两个版本的jQuery（2.2.0和3.2.1 slim），可能导致冲突，建议只保留一个（比如3.2.1 slim）。
• 表单的action="submit.php"可以改成action=""，提交到当前页面，更灵活。

把这些修改应用到代码里，应该就能彻底解决你的问题了！

内容的提问来源于stack exchange，提问作者Roan Van Der Duim