# 综合大作业基础版(五)
# 课程目标
- 在上一任务基础上继续 JavaScript 的实践,封装提示框组件
- 实践 DOM 表单事件以及表单验证
# 阅读
# 任务
第五步：按照 ife_2021_st_05.jpg (opens new window) 和 ife_2021_st_06.jpg (opens new window) 所示，实现报名提交的验证与提示
- 验证内容包含：是否选择学校，电子邮箱的正确性
- 当验证不通过时，在报名区域下方弹出红色提示区域提示具体问题
- 错误提示区域 3s 自动消失
- 当验证通过时，在报名区域下方弹出绿色提示区域提示报名成功，5s 自动消失
- 报名成功时，报名区域的内容和区域高宽发生如图变化，并增加文字按钮重新报名
- 点击重新报名时，报名区域恢复到原始状态，且将上一次报名时用的信息作为默认选择
- 红色和绿色的提示封装为一个组件
- 不需要涉及任何与服务端数据请求交互
← 综合大作业基础版(四) 待更新... →