现在网站上的注册功能多种多样,有普通的注册登录功能,也有通过手机短信验证注册功能。下面 WordPress 主题网介绍一下怎么制作网站手机短信验证注册功能。
制作这样的手机短信验证注册功能之前需要申请一个短信发送 API 接口,用于提交用户手机号和自动发送短信。这种接口多数是收费的,大家可以自行百度。
获取接口后,就是将接口与自己的网站进行连接,这样用户通过表单填写时,就会自动生成一个随机数并发送短信到手机上。
<div class="content">
<div class="username">
<input type="number" placeholder="请输入手机号" name="pnumber" id="pnumber"></input>
</div>
<div class="password">
<input type="text" placeholder="请输入密码" name="password"></input>
</div>
<div class="yzm">
<input type="number" placeholder="请输入验证码" id="pyzm"></input>
<button class="huoqu">获取</button>
</div>
<div class="zc-btn">
<button class="zhuce" type="submit">注册</button>
</div>
</div>
<script>
$('.huoqu').click({
var pnumber=$('#pnumber').val();
var pyzm=$('#pyzm').val();
$.ajax({
url:"API接口",
data:{pnumber:pnumber},//参数:第一个是字段名,第二个是变量。
type:"POST",
dataType:"TEXT",
success: function(data){//成功的回调函数
if(pyzm !=data.trim() ){
return false;
}
}
}
});
</script>
验证手机短信成功后即可注册。
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!