1.注册登录云通讯 http://www.yuntongxun.com/user/login
2.创建应用得到应用相关信息
3.下载对应相关的Demo示例 http://www.yuntongxun.com/doc/rest/sms/3_2_2_3.html
4.send.php文件添加代码方便后续操作
session_start(); //随机验证码 $code = rand(100000,999999); //生成的验证码存放到session，方便后续的验证操作 $_SESSION[‘code‘]=$code; $telphone = $_GET[‘telphone‘]; $res = sendTemplateSMS($telphone,array($code,1),"1");//手机号码，替换内容数组，模板ID // var_dump($res); if($res){ echo 1; }else{ echo 0; }
5.ajax发送手机号到send.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <title>登录操作</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script> <script> var itime = 59; //定义一个变量，倒计时初始化，从59秒开始 function getTime() { if (itime >= 0) { if (itime == 0) { //倒计时变成0时， //要清除计时器 clearTimeout(act); //设置按钮为初始状态 $("#getCodeBtn").val(‘免费获取手机验证码‘).attr(‘disabled‘, false); itime = 59; } else { //延迟一秒中执行该函数。 var act = setTimeout(‘getTime()‘, 1000); //把倒计时的秒显示到按钮中 $("#getCodeBtn").val(‘还剩‘ + itime + ‘秒‘); itime = itime - 1; } } } $(function() { //定义一个函数,用于完成倒计时效果 $("#getCodeBtn").click(function() { //获取输入的手机号码 var telphone = $("#telphone").val(); //ajax请求文件，调用短信发送的接口 $.ajax({ type: ‘get‘, url: ‘send.php?telphone=‘ + telphone, success: function(msg) { //判断调用短信发送接口是否成功， if (msg == 1) { //调用接口已经成功 alert(‘短信验证码已经发送成功‘); $("#getCodeBtn").attr(‘disabled‘, true); //要禁用该按钮 //调用一个函数，完成倒计时效果。 getTime(); } } }); }); }); </script> <style type="text/css"> </style> </head> <body> <div> <form action="action.php" method="post"> <table> <tr> <td>姓名</td> <td> <input type="text" name="name" /> </td> </tr> <tr> <td>手机</td> <td> <input type="text" name="telphone" id="telphone" /> </tr> <tr> <td>验证码</td> <td> <input type="text" name="checkcode" /> <input type="button" value="免费获取手机验证码" id="getCodeBtn" /> </td> </tr> <tr> <td></td> <td> <input type="reset" value="重填" /> <input type="submit" value="注册" /> </td> </tr> </table> </form> </div> </body> </html>
6.action.php验证是否成功接受
<?php //接收输入的手机验证码 $checkcode = $_POST[‘checkcode‘]; session_start(); $code = $_SESSION[‘code‘]; //把生成发送的验证码 //和用户手机收到的验证码进行比对 if($code==$checkcode){ echo ‘ok‘; }else{ echo ‘no‘; }
