js+php 前端和后端实例邮箱验证

升平网络工作室 · 发表于 2020-6-1 16:11:56

注册register.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<center>
<table>
<tr>
<td>用户名：</td>
<td><input type="text" name="username" id="username"><span id="info"></span></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="text" name="pwd" id="pwd"><span id="info1"></span></td>
</tr>
<tr>
<td>邮箱：</td>
<td><input type="text" name="email" id="email" value=""><input type="button" id="btn" value="获取验证码"></td>
</tr>
<tr>
<td>验证码：</td>
<td><input type="text" name="code" id="code"></td>
</tr>
<tr align="center">
<td colspan="2"><input type="button" value="提交" id="submit"></td>
</tr>
</table>
</center>
</body>
</html>
<script src="//www.spw8.cn/b/code/js/jquery/jquery-3.3.1.min.js"></script>
<script src="//www.spw8.cn/b/code/js/layer/layer.js"></script>
<script>
//倒计时
$('#btn').click(function () {
var num="";
var email=$("#email").val();
for(var i=0;i<4;i++){
num+=Math.floor(Math.random()*10)
}
//alert(num);//return false;
//alert(email);
$.ajax({
url:"register.php",
data:{
num:num,
email:email,
},
method:"post"
}).done(function (msg) {
//alert(msg);
layer.msg(msg);
});
$(this).attr('disabled','disabled');
var time = 60;
var t = setInterval(function () {
time--;
if (time == 0){
clearInterval(t);
$("#btn").val("获取验证码");
$("#btn").removeAttr('disabled');
return;
}
$("#btn").val("验证码在"+time+"s后过期");
},1000)
});
$('#submit').click(function () {
$.ajax({
url:"register.php",
data:{code:$('#code').val()},
method:"post"
}).done(function (msg) {
//alert(msg);
layer.msg(msg);
});
})
</script>

复制代码

后端register.php

<?php
/*发送邮件方法
*@param $to：接收者 $title：标题 $content：邮件内容
*@return bool true:发送成功 false:发送失败
*/
function sendMail($to,$title,$content) {
//http://www.spw8.cn/b/api/email.api.php?to=2861299453@qq.com&title=测试&msg=1234
$data = array('to'=>$to,'title'=>$title,'msg'=>$content);
$requestBody = http_build_query($data);
$context = stream_context_create(['http' => ['method' => 'POST', 'header' => "Content-Type: application/x-www-form-urlencoded\r\n"."Content-Length: " . mb_strlen($requestBody), 'content' => $requestBody]]);
$sendmail=@file_get_contents("http://www.spw8.cn/b/api/email.api.php", false, $context);
}
// 调用发送方法，并在页面上输出发送邮件的状态
//var_dump(sendMail('2861299453@qq.com','月亮来信了','大金大金，收到回复！'));
if (isset($_POST['num'])){
$a = $_POST['num'];
setcookie('code',$a);
$sendMail=sendMail($_POST['email'], '验证码', $a);
if(!$sendMail){
echo "success";die;
}else{
echo "error";die;
}
}
if (isset($_POST['code'])){
if ($_POST['code'] == $_COOKIE['code']){
echo "success";die;
}else{
echo "error";die;
}
}
?>

复制代码

帐号		自动登录	找回密码
密码			加入论坛

js+php 前端和后端实例邮箱验证

浏览过的版块

浏览排行

最新发表

-- 友情链接 --

js+php 前端和后端实例 邮箱验证

浏览过的版块

浏览排行

最新发表

-- 友 情 链 接 --

js+php 前端和后端实例邮箱验证

-- 友情链接 --