标签:onclick 短信发送 交互 不可点击 点击 password hidden ssl nbsp
对于一个交互型网站来说,需要用户来登录注册使用,那么一般网站的技术人员肯定需要实现注册时的短信发送功能,但是这个功能很多技术人员发现在添加的过程中有许多问题,要么是无法接收,要么就是时间慢等等原因,对于这个问题,下面就跟大家说一下如何快速有效的实现。
本文主要讲解的是如何利用m.5c.com.cn短信平台发送短信的过程中遇到的问题及接口调用流程实现。
1.打开php.ini,找到extension=php_openssl.dll,将前面的分号去掉,重启服务器。若此配置已打开,跳过这一步。
2.发送短信代码
html部分:
<ul class="list-unstyled text-center clearfix bind_list">
<li>
<input type="text" name="tel" class="form-control input_st1" placeholder="请输入手机号" id="tel">
</li>
<li>
<input type="text" name="verify" class="form-control input_st2" placeholder="请输入验证码" id="verify">
<input class="" type="button" style="" value="点击发送验证码" onclick="sendCode(this)"></li>
<input type="hidden" name="verify1" id="verify1">
</li>
<li>
<input type="password" name="pass" class="form-control input_st1" placeholder="请输入密码" id="pass">
</li>
</ul>
<script>
var clock = ‘‘;
var nums = 100;
var btn;
var rundcode="";
function sendCode(thisBtn) {
var tel= $(‘#tel‘).val();
if(!(/^1[34578]\d{9}$/.test(tel))){
alert("手机号码有误,请重填");
return false;
} else{
$.ajax({
type: ‘POST‘,
url: "{:U(‘Index/getcode‘)}",
data: {tel:tel},
success: function(msg){
if (msg==2) {
alert(‘该手机号已被绑定‘);
}else{
$(‘#verify1‘).val(msg);
rundcode = msg;
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = nums+‘秒后重新获取‘;
clock = setInterval(doLoop, 1000); //一秒执行一次
}
},
});
}
}
function doLoop() {
nums--;
if(nums > 0){
btn.value = nums+‘秒后重新获取‘;
}else{
clearInterval(clock); //清除js定时器
btn.disabled = false;
btn.value = ‘点击发送验证码‘;
nums = 100; //重置时间
}
}
</script>
php处理部分:
public function getcode(){
$mobile = I(‘tel‘);
$tels[‘utel‘] = I(‘tel‘);
//将手机号与数据库中的数据做对比,有值则说明已存在
$userinfo = M(‘wxinfo‘)->where($tels)->find();
if ($userinfo!=null) {
echo "2";
}else{
$res =sendSMS($mobile);//获得验证码
echo $res;
}
}
看到这里相信各位技术人员已经理解了,那么大家可以马上去试一下,如果有疑问的话可以在下方留言评论。本文由专业的app开发报价燚轩科技整理编辑,如需转载请注明原文作者及出处!
标签:onclick 短信发送 交互 不可点击 点击 password hidden ssl nbsp
原文地址:https://www.cnblogs.com/yxkj/p/8985619.html