编辑资料页面修复验证

问题描述

编辑资料页面的保存按钮点击没有反应,原因是页面中存在两个ID为"save-btn"的元素, 导致JavaScript事件监听器绑定到了错误的元素上。

修复方案

  • • 修改导航栏保存按钮ID为"nav-save-btn"
  • • 修改JavaScript代码,使用querySelector获取表单提交按钮
  • • 确保事件监听器绑定到正确的元素

验证方法

点击下方按钮访问编辑资料页面,测试保存按钮功能是否正常工作。

访问编辑资料页面

技术说明

  • • HTML中ID必须唯一,重复ID会导致getElementById返回第一个匹配元素
  • • 使用querySelector('button[type="submit"]')更精确地定位表单提交按钮
  • • 修复后保存按钮将正确触发表单提交事件

相关页面导航