Hbuilder MUI 注册短信验证60秒后重新发送

本文介绍了一个使用JavaScript实现的手机验证码发送功能,包括输入手机号、验证手机号格式正确性及通过AJAX发送请求获取验证码的过程。文章还展示了如何通过计时器实现验证码重新发送的倒计时功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<div class="mui-input-row">

<label class="iconfont_log_reg icon-youjian"></label>
<input type="text"  placeholder="请输入短信验证码" id="u_code">
<a href="javascript:senmobile(60);" id="get_code" disabled="true">获取验证码</a>
</div>
/www.bcty365.com 
var issend=true;
function senmobile(t) 

if(issend){ 

//验证电话号码手机号码 

var phoneObj = document.getElementById('phone'); 

var pw = document.getElementById('passw'); 

var get_code=document.getElementById('get_code'); 

if (phoneObj.value != ""){  

var phoneVal=phoneObj.value;  

var p1 = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;  

var me = false;  

if (p1.test(phoneVal)) me=true;  

if (!me){  

            phoneObj.value='';  

     mui.toast('请输入正确的手机号码'); 

         phoneObj.focus();  

return false;  

     }else if(pw.length<6){ 

           mui.toast('密码长度不够6'); 

return false;  

      }else{ 

  1.             issend=false;   JKD.ajax({ 
  2.         url:"api_user.php?act=sendmobileregister", 
  3.                   dataType:"text", 
  4.                   type:"POST", 
  5.                   data:{'mobile':phoneObj.value}, 
  6.                   success:function(data){ 
  7. if(data == '1'){ 
  8.                         plus.nativeUI.toast('用户已存在!', {verticalAlign: 'center'}); 
  9. return false; 
  10.                        } 
  11. var arr = data.split(","); 
  12. if(arr[1] == '0'){ 
  13.                          plus.nativeUI.toast('验证码发送成功!', {verticalAlign: 'center'}); 
  14.                         }else{ 
  15.                             plus.nativeUI.toast('验证码发送失败!', {verticalAlign: 'center'}); 
  16.                         } 
  17. for(i=1;i<=t;i++) {  
  18.                             window.setTimeout("update_a(" + i + ","+t+")", i * 1000);  
  19.                         }  
  20.                   } 
  21.             }); 
  22.         } 
  23.     }else{ 
  24.         plus.nativeUI.toast('手机号码不能为空!', {verticalAlign: 'center'}); 
  25. return false; 
  26.     } 
  27. function update_a(num,t) {  
  28. var get_code=document.getElementById('get_code'); 
  29. if(num == t) {  
  30.         get_code.innerHTML =" 重新发送 ";  
  31.         issend=true;  
  32.     }  
  33. else {  
  34. var printnr = t-num;  
  35.         get_code.innerHTML =printnr +" 秒后重发";  
  36.     }  
  37. }  

 

 

来源:http://www.bcty365.com/content-146-3101-1.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值