入门

  1. 安装npm: 使用 npm install 安装所需的 npm 模块。

  2. 使用 Grunt 启动服务器: 运行 grunt 启动服务器，并在浏览器中访问 localhost:5000。

功能要求

  1. 实现一个简单的登录 UI 工作流，包含三个页面：登录页面、成功页面和失败页面。

  2. 登录页面：该页面应包括输入框用于输入电子邮件和密码。只有当这两个字段都填写时，登录按钮才会被启用。

  3. 凭据验证：当用户点击 登录按钮 且凭据正确时，页面应导航到 成功页面。如果凭据不正确，则显示 失败页面。

  4. 文本框焦点事件：当焦点离开文本框时，如果该字段非空且输入通过验证规则，则文本框内显示 复选标记 图标；如果输入不符合规则，则显示 X 图标。

  5. 验证规则：电子邮件字段的输入要求长度大于 6 个字符，并且必须包含有效的电子邮件格式。

规范要求

  1. UI设计：按照提供的模型（屏幕截图目录）进行设计，确保界面尽可能遵循规范。

  2. 页面切换：用户输入有效的电子邮件和密码后，页面应顺利切换至成功页面，反之则跳转到失败页面。