Ajax前台发送短信验证码 (提取手机号，发送给php，php拿到手机号进行发送功能)

最新推荐文章于 2022-03-17 14:08:47 发布

蜗牛慢慢向上爬

最新推荐文章于 2022-03-17 14:08:47 发布

阅读量8.1k

点赞数

本文链接：https://blog.csdn.net/A9925/article/details/44617929

版权

ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

tt.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="./jquery.js" type="text/javascript"></script>
<script type="text/javascript">

var InterValObj; //timer变量，控制时间
var count = 5; //间隔函数，1秒执行
var curCount;//当前剩余秒数

function validatemobile(mobile)
{
    if(mobile.length==0)
    {
       alert('请输入手机号码！');
       document.form1.mobile.focus();
       return false;
    }    
    if(mobile.length!=11)
    {
        alert('请输入有效的手机号码！');
        document.form1.mobile.focus();
        return false;
    }
    
    var myreg = /^(((13[0-9]{1})|159|153)+\d{8})$/;
    if(!myreg.test(mobile))
    {
        alert('请输入有效的手机号码！');
        document.form1.mobile.focus();
        return false;
    }
}

function sendMessage() {
    curCount = count;
　　//设置button效果，开始计时
     $("#btnSendCode").attr("disabled", "true");
     $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
     InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
　　  //向后台发送处理数据
	 var mobile = document.getElementById("mobile").value;
         validatemobile(mobile);//调用上边的方法验证手机号码的正确性
           
       $.ajax({
     　　type: "POST", //用POST方式传输     　　
     　　url: 'f.php', //目标地址.
		 dataType: "json", //数据格式:JSON
    　　 //data: "dealType=" + dealType +"&uid=" + uid + "&code=" + code,
	     data: "&a="+mobile,
     　　success: function(json){ 
			if(json.msgid==1){//成功的处理
				alert(json.html);
			}
			else if(json.msgid==2){//失败的处理
				alert(json.html);
			}
			else{
				alert(json.html);
			}
		 }
     });
}

//timer处理函数
function SetRemainTime() {
            if (curCount == 0) {                
                window.clearInterval(InterValObj);//停止计时器
                $("#btnSendCode").removeAttr("disabled");//启用按钮
                $("#btnSendCode").val("重新发送验证码");
            }
            else {
                curCount--;
                $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
            }
        }
</script>
</head>
<body>
	    <input id="mobile"  type="text" name="mobile" value="">
        <input id="btnSendCode" type="button" value="发送验证码" οnclick="sendMessage()" /></p>
</body>
</html>

f.php:

<?
$get=$_POST['a'];


//给指定的手机号发短信功能

//echo '<script>alert("报名成功！");</script>';
//一般返回json格式的。可以返回数组处理，上面的text也是可以
//$ismobile = 验证手机函数();
$ismobile = 1;
if($ismobile){
	//验证过是手机号码，发送短信  下面进行逻辑处理，写个发送短信的函数，返回发送状态
	//这边默认成功
	$send = 1;
	if($send){
		$msgid = 1;//表示发送成功
		$html = $get;//此处弹出了文件框输入的字符 或  '返回提示，也可以不用这个直接返回一个msgid即可';//做提示
	}
	else{
		$msgid = 2;//表示发送失败
		$html = '提示失败原因';
	}
}
else{
	$msgid = 0;//表示失败
	$html = '手机号码错误';
}
echo json_encode(array('msgid'=>$msgid,'html'=>$html));


// switch($get){
// case a :
// 	echo a;
// break;
// default:
// }

?>

一天之内-发送的验证码条件 -->

$count = $sms_statistics->where("mobile= "."'$mobile'"." and to_days(time) = to_days(now())")->count();//time为数据库字段

蜗牛慢慢向上爬

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
3
评论
Ajax前台发送短信验证码 (提取手机号，发送给php，php拿到手机号进行发送功能)

tt.html：var InterValObj; //timer变量，控制时间var count = 5; //间隔函数，1秒执行var curCount;//当前剩余秒数function sendMessage() { curCount = count;　　//设置button效果，开始计时 $("#btnSendCode").attr("disabl
复制链接

扫一扫