现在网站上的注册功能多种多样,有普通的注册登录功能,也有通过手机短信验证注册功能。下面学做网站论坛介绍一下怎么制作网站手机短信验证注册功能。
制作这样的手机短信验证注册功能之前需要申请一个短信发送API接口,用于提交用户手机号和自动发送短信。这种接口多数是收费的,大家可以自行百度。
获取接口后,就是将接口与自己的网站进行连接,这样用户通过表单填写时,就会自动生成一个随机数并发送短信到手机上。
<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>
验证手机短信成功后即可注册。
免责声明:网所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,内容仅提供用户参考,若因此产生任何纠纷,本站概不负责,如有侵权联系本站删除!邮箱:207985384@qq.com https://www.ainiseo.com/jianzhan/61873.html
