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‘;
}
时间： 2024-11-09 18:28:54