註冊 頁面 發送 驗證碼 简体版
原文   原文鏈接

html:javascript

<div id="num">
<input class="text-input" type="tel" name="telphone" placeholder="手機號碼" onfocus='this.value=(this.value=="")?" ":this.value;'
onblur='this.value=(this.value==" ")?"":this.value.replace(/(^\s*)|(\s*$)/g, "");'
/>
<div class="yan" >發送驗證碼(60)</div>
</div>

<div id="code">
<input class="text-input" type="tel" name="code" placeholder="驗證碼" onfocus='this.value=(this.value=="")?" ":this.value;'
onblur='this.value=(this.value==" ")?"":this.value.replace(/(^\s*)|(\s*$)/g, "");'/>
</div>
<div id="next">註冊</div>
<div id="xieyi">
若是註冊,則表示您已贊成<a href="javascript:void(0);" data-toggle="modal" data-target="#myModal">《用戶協議書》</a>條款
</div>
  <!-- 模態框(Modal) -->
 </div>


jq:
//點擊發送驗證碼
$(".yan").click(function(){
var telphone = $("[name = 'telphone']").val();
if(telphone == ""){
alert("請填寫手機號碼");
return false;
}
//判斷該號碼是否已被註冊
$.get(
"/haslogin/"+telphone,function(data){
if(data.status == 200){
alert("此號碼已被註冊!");
return false;
}else{
var w = 60;
var dsq;
//發送驗證碼接口。
$.post(
"/mobsms/sendsms",
{phone:telphone},
function(data){
if(data.status == 467){
alert("請求校驗驗證碼頻繁(5分鐘校驗超過3次)");
return false;
}
if(data.status == 457){
alert("手機格式錯誤");
return false;
}
if(data.status == 478){
alert("12小時內最多發送5條");
return false;
}
else{
dsq = setInterval(function(){
w--;
$(".yan").html("正在發送("+w+")");
if(w == 0){
w = 60;
clearInterval(dsq);
$(".yan").html("重發(60)");
}
},1000);
}
}
);
}
}
);
});
$('#next').click(function()var telphone = $('[name = "telphone"]').val();
var nick = $('[name = "nikename"]').val();
var pwd = $('[name = "pwd"]').val();
var code = $('[name = "code"]').val();//驗證碼
if(nick == ''){
alert('請填寫暱稱!');
return false;
}
if(telphone == ''){
alert('請填寫手機號碼!');
return false; } //判斷用戶輸入的驗證碼是否正確接口。 $.post( "/mobsms/checkcode", {phone:telphone,code:code}, function(data){ if(data.status != 200){ alert("驗證碼錯誤或已失效"); return false; } } ); //註冊接口 $.post( '/users/signup', {login:telphone,nickname:nick,password:pwd},function(data){ if(data.status == 200){ alert('註冊成功,立刻登陸吧!'); } } )}
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在,都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息