如何在PHP编写的表单中实现密码与重复密码不一致时的提示功能

你可以根据需求选择前端实时校验、后端提交后校验，或者两者搭配使用（推荐搭配，兼顾体验和安全性）

前端实时校验（无刷新触发提示，体验好） #

在用户输入或离开密码输入框时直接校验，不需要提交请求到服务器，代码示例如下：

<!-- 注册表单部分 -->
<form action="register.php" method="post">
  <div>
    <label>密码：</label>
    <input type="password" id="pwd" name="password" required>
  </div>
  <div>
    <label>重复密码：</label>
    <input type="password" id="repwd" name="repassword" required>
  </div>
  <button type="submit">注册</button>
</form>

<script>
// 监听重复密码输入框的输入事件
document.querySelector('#repwd').addEventListener('input', function(){
  const pwd = document.querySelector('#pwd').value;
  const repwd = this.value;
  // 输入内容不为空时才校验
  if(repwd.length > 0 && pwd !== repwd){
    alert('两次输入的密码不一致');
  }
})
</script>

你也可以把监听事件换成blur（失去焦点时触发），避免用户输入过程中频繁弹窗。

后端PHP校验（安全性必备，防止前端被绕过） #

前端校验可以被用户禁用JS或者手动修改请求绕过，所以后端必须再做一次校验，代码示例如下：

<?php
// register.php 表单提交处理页逻辑
$password = trim($_POST['password'] ?? '');
$repassword = trim($_POST['repassword'] ?? '');

// 先判空，再校验一致性
if(empty($password) || empty($repassword)){
    echo "<script>alert('密码不能为空');history.back();</script>";
    exit;
}
if($password !== $repassword){
    echo "<script>alert('两次输入的密码不一致，请重新输入');history.back();</script>";
    exit;
}

// 校验通过后走后续注册逻辑，比如写入数据库
// 注意密码务必用password_hash加密后存储，不要存明文
// $hashPwd = password_hash($password, PASSWORD_DEFAULT);
?>

注意事项 #

• 如果不想用浏览器默认的alert弹窗，你可以自己自定义模态框样式，校验判断逻辑不需要改动
• 不要省略后端校验步骤，仅靠前校验无法保证数据安全
• 密码入库前必须做哈希加密，PHP内置的password_hash()是官方推荐的加密函数

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