前端表单的 idle、submitting、success 与 error

难度：入门。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。

表单状态机能避免重复提交和错误提示冲突。客户端校验改善体验，服务端校验仍是安全边界。

示例

if (state.status === "submitting") return
state.status = "submitting"
try { await save(form) } finally { state.status = "idle" }

来源

• https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms