基本功能
使用阿里云短信,实现发送手机号验证码,使用手机号注册,登录等操作。
使用方法
- 需要加入相关代码实现手机号发送及验证
- 配置短信相关信息
- 每次发送短信验证码的时候必须先写图形验证码,这个是安全规范
- 下面是添加的前端代码:
login.html页面
<div class="form-control">
<label for="">手机验证码:</label>
<input type="text" value="" name="telyzm" id="telyzm" placeholder="请输入手机验证码">
<button type="button" onclick="sendmsg()">发送验证码</button>
</div>
<script>
function sendmsg(){
var tel = $("#tel").val();
if(tel==''){
alert('手机号不能为空!');
return false;
}
var vercode = $("#yzm").val();
if(vercode==''){
alert('图形验证码不能为空!');
return false;
}
$.post('/msg/index',{tel:tel,yzm:vercode,codename:'login_vercode'},function(r){
alert(r.msg);
},'json');
}
</script>
register.html页面
<div class="form-control">
<label for="">手机验证码:</label>
<input type="text" value="" name="telyzm" id="telyzm" placeholder="请输入手机验证码">
<button type="button" onclick="sendmsg()">发送验证码</button>
</div>
<script>
function sendmsg(){
var tel = $("#tel").val();
if(tel==''){
alert('手机号不能为空!');
return false;
}
var vercode = $("#yzm").val();
if(vercode==''){
alert('图形验证码不能为空!');
return false;
}
$.post('/msg/index',{tel:tel,yzm:vercode,codename:'reg_vercode'},function(r){
alert(r.msg);
},'json');
}
</script>