issue: the copy buttons for the JWT token and API key in Settings > Account also save the account form

问题场景

在 Open WebUI 中进入 Settings > Account，修改 Name 等个人资料字段但尚未点击 Save。此时点击 JWT token 旁边的复制图标，或显示 API keys 后点击 API key 旁边的复制图标，Account 表单会被同时保存。若 Name 字段为空，则不会正常保存，而是由浏览器在 Name 字段上显示 “Please fill out this field” 提示。该问题在最新 release 和当前 dev 分支均可复现。

报错原文

Settings saved successfully!

Please fill out this field

原因分析

Account 标签页是一个单一表单，JWT token 和 API key 的两个复制图标是位于该表单内部的按钮，但没有声明 type。在 HTML 表单中，未指定类型的按钮默认行为是 submit，因此浏览器会把点击复制图标当作提交 Account 表单。该标签页上的其他按钮已被标记为普通按钮，所以没有出现同样行为。这是 Issue 正文中给出的原因说明。

环境排查

• 确认 Open WebUI 版本或 commit，Issue 中复现版本为 dev commit a046e0704。
• 确认安装方式为 Git Clone。
• 确认操作系统为 Linux。
• 确认浏览器为 Firefox。
• 确认 Ollama 版本为 0.34.3。
• 确认是否使用默认配置；Issue 中为默认配置，且没有日志输出。
• 检查 Settings > Account 页面中 JWT token 和 API key 复制按钮是否缺少 type="button"。

解决步骤

1. 打开 Settings > Account，先修改 Name 字段但不要点击 Save，用于复现和确认问题。
2. 点击 JWT token 旁边的复制图标，观察是否出现 “Settings saved successfully!”，并关闭后重新打开 Settings 检查 Name 是否已被保存。
3. 清空 Name 字段后再次点击复制图标，观察浏览器是否在 Name 字段上显示 “Please fill out this field”。
4. 显示 API keys，如不存在则创建一个，然后点击 API key 旁边的复制图标，确认行为与 JWT token 复制按钮一致。
5. 检查 Account 表单中这两个复制图标按钮的 HTML，确认它们是否位于 <form> 内且未设置 type。
6. 可优先尝试将这两个复制按钮显式设置为 type="button"，或按项目现有写法使用普通按钮类型，使其不再触发表单提交。
7. 修改后重新打开 Settings > Account，重复上述复制操作，确认只复制内容、不保存表单。

验证方法

在 Settings > Account 中修改 Name 但不保存，点击 JWT token 或 API key 的复制图标后，不应出现 “Settings saved successfully!”，关闭并重新打开 Settings 后 Name 应保持修改前的已保存值。复制图标本身仍应能正常复制 token 或 key。清空 Name 后点击复制图标，不应再出现 “Please fill out this field” 的提交校验提示。

参考来源

open-webui/open-webui #30955

AI 工具推荐

想把多个 AI 模型放在一个入口？

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。