学习淘淘商城第九十二课(用户注册页面实现)
来源:互联网 发布:淘宝u站中心 编辑:程序博客网 时间:2024/06/02 05:46
首先,我们还是先看一下注册页面,如下图所示。
上图箭头指向的链接在register.jsp的代码当中的位置如下图所示。
由于我现在对css不是很熟悉,注册页面对输入合法性的校验就不像正规网站那种校验方式了,我只是在点击"立即注册"的时候统一做下校验,如果不合法就弹出一个alert警告框(注意:实际工作中是绝不允许用alert来提示校验信息的,css好的同学可以自己把校验这块完善一下)。点击"立即注册"触发的方法是"REGISTER.reg()",这个REGISTER对象是js定义的,如下图所示。
REGISTER对象的reg方法在js的最下方,如下图所示,可以看到它会先去判断文本框是否为空以及密码是否一致(this.inputcheck())
inputcheck方法代码如下图所示。
判断完用户名、电话不能为空及密码不能重复之后,在提交之前,我们还需要判断一下用户名和电话是否已经注册过了,如果用户名和电话都没有被注册过,那么就允许注册,调用REGISTER.doSubmit()方法,doSubmit方法中调用了注册接口,如下图所示。由于检查用户名、电话的接口以及注册的接口我们都已经写好了,因此直接调用即可。另外说一点就是,url : REGISTER.param.surl + "/user/check/"+escape($("#regName").val())+"/1?r=" + Math.random(),这句代码中的Math.random()的作用是每次提交请求都是新的请求,避免浏览器缓存的影响。在doSubmit方法中有个参数是$("#personRegForm").serialize(),它的作用是将表单进行序列化,转换成key-value形式的字符串。
好了,看了register.jsp页面代码后,我们现在来测试下注册功能,我们在注册页面输入没有注册过的用户名和电话,然后点击"立即注册",会看到弹出"用户注册成功"的提示信息,我们点击弹出框中的"确定"按钮。
点"确定"按钮后,页面会自动跳转到登录页面,如下图所示。
这样,我们的注册页面便完成了。
- 学习淘淘商城第九十二课(用户注册页面实现)
- 学习淘淘商城第九十一课(单点登录、注册页面展示)
- 学习淘淘商城第九十三课(用户登录的实现)
- 学习淘淘商城第八十六课(单点登录用户注册Controller层实现及测试)
- 学习淘淘商城第九十七课(商品详情页面对加入购物车进行改造)
- 学习淘淘商城第八十五课(单点登录用户注册--Service层)
- 学习淘淘商城第三十二课(Redis集群测试)
- 学习淘淘商城第五十二课(全局异常处理)
- 学习淘淘商城第八十二课(SSO工程搭建)
- 学习淘淘商城第九十八课(添加购物车)
- 学习淘淘商城第九十五课(jsonp的原理及两种实现方式)
- 学习淘淘商城第九十六课(购物车实现分析及工程搭建)
- 淘淘商城系列——单点登录之用户注册页面实现
- 学习淘淘商城第十六课(展示后台管理页面)
- 学习淘淘商城第四十四课(首页跳转到搜索页面及搜索实现分析)
- 学习淘淘商城第六十四课(实现商品详情页面展示)
- 学习淘淘商城第二十课(实现图片上传功能)
- 学习淘淘商城第二十三课(添加商品的实现)
- Web前段开发路线图
- [Linux]信号量
- 选择Spring Boot项目的内嵌容器
- [Unity&多人游戏插件]GameSparks 的测试
- Hdu2107
- 学习淘淘商城第九十二课(用户注册页面实现)
- Spring中BeanPostProcessor
- 大数据量问题分析
- crontab设置计划任务
- gcc中利用-D参数进行宏定义
- Android中的Button按钮
- 过程与行为,资源与工具
- JParticles 2.0 发布,打造炫酷的粒子特效
- 执行ping操作的时候发生了什么?