简单H5注册项目踩坑

利益相关所以不放实际效果了

项目需求

前端页面

1.首页填写姓名+身份证号码
2.点击“《隐私协议》”，出现协议内容弹窗
3.点击提交信息，出现注册成功弹窗
4.用户二次提交相同信息，系统提示该信息已提交字样

项目中需要校验的地方

点击->提交信息按钮

1.姓名 -> 如果为空 -> 请输入正确的姓名
2.身份证号码 -> 如果为空 -> 身份证号码不能为空 -> 如果不符合格式 -> 请输入合法的身份证号码
3.隐私协议勾选框 -> 如果协议未勾选 -> 请同意隐私协议
4.姓名/身份证信息二次注册 -> 提示用户信息已存在

项目中的功能区域: 主要集中在点击事件

1.注册页面
点击 ->《隐私协议》单选框 -> 单次勾选再次不勾选
点击 ->《隐私协议》文本 -> 进入《隐私协议》界面
点击 -> 提交信息按钮 -> 逐步校验 -> 如果校验成功 -> 进入注册成功页面

2.《隐私协议》页面
点击 -> x按钮 -> 回到注册页面
滑动 -> 文本区域 -> 跟随手势上下移动 -> 右侧滑动条跟随移动
注意: 右侧滑动条跟随移动功能暂未实现

3. 注册成功页面
   点击 -> x按钮 -> 回到注册页面

技术栈: egret+ts

• 踩坑主要在思维方面,第一次写egret项目,一个页面转换到不同页面的时候,会习惯性将一个页面写一个文档,但如果项目比较简单代码量不多的情况下,不需要这么做,直接写在一个页面就可以了...

• 注意: 如果已经写了多个页面,那么不同页面间的跳转可以通过透明度来实现!!!

• 注意: 同一个组里面的资源只需要加载一次!!!