PHP表单验证：确保错误信息正确显示的策略

<?php
    // 初始化错误信息变量
    $name_error = "";
    $email_error = "";
    $pass_error = "";
    $pass2_error = "";

    // 初始化验证标志，默认所有验证通过
    $flag_names = true;
    $flag_email = true;
    $flag_password = true;
    $flag_password2 = true;
    $flag_passwordmatch = true;

    // 检查表单是否已提交
    if(isset($_POST['register'])) {

        // 验证姓名：检查first-name和last-name是否任一为空
        if(empty($_POST["first-name"]) || empty($_POST["last-name"])) {
            $name_error = "请填写您的姓名。";
            $flag_names = false; // 姓名验证失败
        }

        // 验证邮箱
        if(empty($_POST['email'])) {
            $email_error = "请填写您的邮箱。";
            $flag_email = false; // 邮箱验证失败
        }

        // 验证密码
        if(empty($_POST['password'])) {
             $pass_error = "请填写您的密码。";
             $flag_password = false; // 密码验证失败
        }

        // 验证确认密码
        // 注意：$_POST['password2'] 必须在HTML中设置name="password2"才能获取到
        if(empty($_POST['password2'])) {
            $pass2_error = "请确认您的密码。";
            $flag_password2 = false; // 确认密码验证失败
        }

        // 只有当两个密码字段都非空时，才进行匹配检查，避免因空值导致错误提示混乱
        if ($flag_password && $flag_password2) {
            if( $_POST['password2'] !== $_POST['password']){
                $pass2_error = "两次输入的密码不一致！";
                $flag_passwordmatch = false; // 密码匹配验证失败
            }
        } else {
            // 如果密码或确认密码为空，则密码匹配也视为失败
            $flag_passwordmatch = false;
        }

        // 最终检查所有验证标志
        if($flag_names && $flag_email && $flag_password && $flag_password2 && $flag_passwordmatch){
            // 所有验证通过，执行成功操作，例如：
            // 1. 数据入库
            // 2. 设置会话（session）
            // 3. 重定向到成功页面
            header("Location: registered.php");
            exit(); // 重定向后立即终止脚本执行，防止后续代码被执行
        }
    }
?>

<main>
    <div class="register-header d-flex flex-column align-items-center py-5">
        <h1 class="font-rale text-dark gray-bg">
            注册
        </h1>
    </div>
    <form method="post" class="d-flex flex-column align-items-center py-5">
        <div class="my-2">
            <input type="text" class="name-input mx-1 p-2 border rounded" name="first-name"
                placeholder="姓" value="<?php echo isset($_POST['first-name']) ? htmlspecialchars($_POST['first-name']) : ''; ?>">
            <input type="text" class="name-input mx-1 p-2 border rounded" name="last-name"
                placeholder="名" value="<?php echo isset($_POST['last-name']) ? htmlspecialchars($_POST['last-name']) : ''; ?>">
        </div>
        <!-- 错误信息显示 -->
        <p class="text-center py-2 error"><?php echo $name_error;?></p>

        <div class="my-2 p-1">
            <input type="email" class="p-2 border rounded" name="email"
                placeholder="您的邮箱" value="<?php echo isset($_POST['email']) ? htmlspecialchars($_POST['email']) : ''; ?>">
        </div>
        <!-- 错误信息显示 -->
        <p class="text-center py-2 error"><?php echo $email_error;?></p>

        <div class="my-2 p-1">
            <input type="password" class="p-2 border rounded" name="password"
                placeholder="您的密码">
        </div>
        <!-- 错误信息显示 -->
        <p class="text-center py-2 error"><?php echo $pass_error;?></p>

        <div class="my-2 p-1">
            <!-- 修正：添加 name="password2" 属性，并修改 type 为 "password" -->
            <input type="password" class="p-2 border rounded" name="password2"
                placeholder="确认密码">
        </div>
        <!-- 错误信息显示 -->
        <p class="text-center py-2 error"><?php echo $pass2_error;?></p>

        <div class="my-2 p-1">
            <input type="text" class="p-2 border rounded" name="contact"
                placeholder="电话号码 (可选)" value="<?php echo isset($_POST['contact']) ? htmlspecialchars($_POST['contact']) : ''; ?>">
        </div>

        <button type="submit" name="register" class="my-3 px-3 py-2 text-light rounded border-0 form-button">注册</button>
        <p>已经是会员？ <a href="login.html" class="text-decoration-none">立即登录</a>。</p>
    </form>
</main>