新用户引导

两步账户向导

Two-step account wizard

校验通过才放行下一步

实时预览

提示词正文

Build a two-step account wizard with Tailwind CSS: step one collects name, email and password with inline validation (email format, password strength meter); step two collects company and role. The next button stays disabled until the current step is valid, errors appear per field on blur, and the header shows which step you are on. Submit the whole form at the end with a single loading state.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

两步向导:下一步按钮随校验状态启用;失焦即报字段错;最后统一提交。

同类提示词 · 新用户引导

© 2026 Genisource Vibe · 提示词详情