短信验证码

H5学习之路-手机短信验证码的实现

◇◆丶佛笑我妖孽 提交于 2019-11-26 08:16:54
在上一篇博文中,给大家介绍了图片验证码的实现,今天再给大家介绍一下手机短信验证码的实现。其实,这个和图片验证码差不多,只不过要把后天生成的验证码发到对应的手机号码上,然后再进行验证。这里,关于发短信的功能可以找手机短信服务商,对接相应的接口即可。 好了,笔者就直接贴出相应的代码,流程也比较简单,第一步就是生成验证码发到对应的手机上,把相关数据放在session或内存中,第二步就是验证了。 一、html代码 这里做了一个比较简洁的html页面模拟大致的过程,代码如下: <!DOCTYPE html> < html > < head > < title > 图片验证码 </ title > < meta charset = "utf-8" /> </ head > < body > < label > 手机号码 </ label > < input id = "mobile" name = "mobile" type = "tel" placeholder = "请输入手机号码" /> < br /> < button type = "button" id = "yzm_btn" > 获取验证码 </ button > < hr /> < label > 验证码 </ label > < input id = "yzm" name = "yzm" type = "number"