MySQL忘记密码功能邮件发送成功提示无法弹窗显示问题

你的代码无法生效是以下几个语法和逻辑错误导致的，直接按下面的内容修正即可：

• JS语法错误：$.get请求的URL参数和回调函数之间缺少参数拼接、缺少逗号分隔，AJAX请求根本无法正常发起
• DOM选择错误：你给<form>标签设置了id="email"，getElementById("email")拿到的是整个表单元素而非邮箱输入框，且原生DOM的取值属性是.value不是.value()，根本拿不到正确的用户输入邮箱
• 逻辑冲突：表单默认的submit提交行为会直接跳转页面，AJAX请求还没等返回就被打断
• 前后端返回值不匹配：PHP端返回的是包裹了<div>的HTML文本，成功时返回内容和JS里判断的response == 1完全对不上，判断逻辑永远不会走成功分支
• 后端返回格式冗余：要做弹窗提示不需要返回HTML标签，多余标签会干扰前端判断

1. 修正前端JS代码 #

把你原来response.php里的脚本替换成下面的内容：

function checkAll() {
  // 阻止表单默认跳转提交
  event.preventDefault();
  // 对应后面给输入框加的id，拿到正确的邮箱输入值
  var useremail = document.getElementById("userEmail").value;
  // 补全URL参数拼接、参数分隔符
  $.get("validation.php?email=" + useremail, function (response) {
    response = response.trim();
    if(response == "1"){
        alert("邮件已发送，请前往你的邮箱查收重置链接");
    } else{
        alert(response);
    }
  });
  return false;
}

2. 修正表单HTML代码 #

把表单和邮箱输入框的id区分开，避免id冲突：

<form class="register" id="forgotForm" action="forgot.php" method="post" onSubmit="checkAll();">
  <!-- 你原来的其他表单内容保留，只需要给邮箱输入框加单独id -->
  <input type="email" name="email" id="userEmail" required placeholder="请输入注册时绑定的邮箱">
  <button type="submit">提交密码重置申请</button>
</form>

3. 修正后端PHP代码 #

去掉返回内容里的HTML标签，按约定返回状态码和纯文本提示：

// 前面保留你校验用户是否存在、发送重置邮件的原有逻辑
if ($result == "") { 
  // 发信成功直接返回状态码1，不要套div标签
  echo "1"; 
} else {
  // 失败场景直接返回纯文本错误提示，比如"该邮箱未注册"、"发信失败，请稍后重试"
  echo $result;
}
?>

如果你不想调整后端返回格式，也可以把JS里的成功判断改成if(response.indexOf("Email has been sent") !== -1)，但更推荐用状态码的方式，判断逻辑更稳定，不会被多余字符干扰。

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