JQuery/PHP

怎么制作网站手机短信验证注册功能

阿里云

现在网站上的注册功能多种多样,有普通的注册登录功能,也有通过手机短信验证注册功能。下面 WordPress 主题网介绍一下怎么制作网站手机短信验证注册功能。

制作这样的手机短信验证注册功能之前需要申请一个短信发送 API 接口,用于提交用户手机号和自动发送短信。这种接口多数是收费的,大家可以自行百度。

也想出现在这里?联系我们
创客主机

获取接口后,就是将接口与自己的网站进行连接,这样用户通过表单填写时,就会自动生成一个随机数并发送短信到手机上。

  1. <div class="content">
  2. <div class="username">
  3. <input type="number" placeholder="请输入手机号" name="pnumber" id="pnumber"></input>
  4. </div>
  5.  
  6. <div class="password">
  7. <input type="text" placeholder="请输入密码" name="password"></input>
  8. </div>
  9.  
  10. <div class="yzm">
  11. <input type="number" placeholder="请输入验证码" id="pyzm"></input>
  12. <button class="huoqu">获取</button>
  13. </div>
  14.  
  15. <div class="zc-btn">
  16. <button class="zhuce" type="submit">注册</button>
  17. </div>
  18.  
  19. </div>
  20. <script>
  21. $('.huoqu').click({
  22. var pnumber=$('#pnumber').val();
  23. var pyzm=$('#pyzm').val();
  24. $.ajax({
  25. url:"API接口",
  26. data:{pnumber:pnumber},//参数:第一个是字段名,第二个是变量。
  27. type:"POST",
  28. dataType:"TEXT",
  29. success: function(data){//成功的回调函数
  30. if(pyzm !=data.trim() ){
  31. return false;
  32. }
  33. }
  34.  
  35. }
  36. });
  37.  
  38. </script>

验证手机短信成功后即可注册。

怎么制作网站手机短信验证注册功能

已有 177 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!