ajax请求短信发送

最新推荐文章于 2022-06-03 18:23:57 发布

_扶雨晨

最新推荐文章于 2022-06-03 18:23:57 发布

阅读量462

点赞数

分类专栏： require 文章标签： require

本文链接：https://blog.csdn.net/fyclover/article/details/95306074

版权

require 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 必须引用 jquery -->
	<script src="jquery-3.4.1.min.js"></script>
</head>
<body>
	<form action="use_upload.php" method="post" enctype="multipart/form-data">
		<span>手机号：</span>
		<input type="text" name="phone"><br>
		<input type="button" value="发送验证码" name="fsyzm"  >
		<br>
		<span>验证码：</span><input type="text" name="yzm">

		<br>
		<button>确认登录</button>
	</form>
</body>
<script>
// 定义发送按钮的点击事件
$('input[name=fsyzm]').click(function(){
		// 手机号正则
		var Pho= /^1[34578]\d{9}$/;
		// 获取输入的电话号码
		var dh=$('input[name=phone]').val();
		// 定义倒计时时间
		var num=60;
		// 判断电话号码是否合法
		if(dh.match(Pho)){
			// 定义ajax
			$.ajax({	
				// 定义请求的url
				url:'yzm.php',
				// 请求方式
				type:'post',
				// 定义需要传输过去的数据
				data:{phone:$('input[name=phone]').val()},
				// 定义json   PHP转json函数  echo json_encode($array); 
				dataType:'json',	
				// 因为不需要回调，所有下面回调函数关闭
				// success:function(data){	}		
			})
			// 判断倒计时
			if(num>0){
				// 进行倒计时
				var on=setInterval(function(){
						num-=1;
						$('input[name=fsyzm]').val(num+'后可重新发送');
						$('input[name=fsyzm]').attr("disabled",true);
						// 倒计时等于0是，停止倒计
						if(num==0){
						$('input[name=fsyzm]').val('发送验证');
						$('input[name=fsyzm]').attr("disabled",false);
						// 判断num等于0时停止
						clearInterval(on);
						}
					},1000);
			}
		}else{
			alert(dh+'手机号不合法');
		}
		
})
</script>
</html>