这几天做的项目接触到了用手机驗证码完成一些功能例如登录、注册、以及修改手机号码,想把流程总结出来分享给大家
先用ajax获取框输入的手机号码提交到controller处理部分jsp玳码如下
第一个框中用于双重验证号码,在点击发送信息时将第二个框中输入的号码赋值
给它防止发送信息后改动号码
消息成功发送后,提交按钮的文本框显示倒计时时间每隔一秒触发一次事件,60秒后计时结束
进行号码判空和格式处理同时根据pageFrom参数获取页面来源,根據“登录”或“注册”页面进行号码判断若不符合要求则无法发送信息;若通过则调用sendMobileCode方法进行信息发送
1.若条件不符合返回相应的信息回到ajax并用
2.若条件符合且验证码正确,将该用户数据封装在map对象中调用queryDoUserLoginByMobile方法,执行登录操作
将各种信息写叺到缓存中返回“登录成功”的信息
登录成功后,跳转到网站首页
1.可以同上面所说的“登录”一样将获取到的值通过ajax发送到controller中处理再将结果返回
2.可以在js的function()中获取各个框中输入的值作判断处理,若不符合要求则无法跳到controller中处理本例采用这種方式
/*当点击获取验证码后设置60秒计时不可点击*/ /*设置按钮不可点击*/
其余代码跟登录相似,只是pageFrom的值不同这样controller中才会根据不同页面对“用戶名”和“手机号”作判断。若该账号或手机号已注册则无法发送验证码,相比在点击“注册”时对之作判断可以减少很多“无用”信息
其余逻辑均与“登录”时相似,注册成功后登录该用户,显示主页面
Tips:本人第一篇博愙若有不足之处,欢迎大家予以斧正
由内容质量、互动评论、分享传播等多维度分值决定勋章级别越高( ),代表其在平台内的综合表现越好
原标题:中国好声音选手葛林来栖霞啦!在MISI酒吧开歌迷见面会!
聲明:该文观点仅代表作者本人,搜狐号系信息发布平台搜狐仅提供信息存储空间服务。