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

<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. }
  28. }
  29. function update_a(num,t) {
  30. var get_code=document.getElementById(‘get_code‘);
  31. if(num == t) {
  32. get_code.innerHTML =" 重新发送 ";
  33. issend=true;
  34. }
  35. else {
  36. var printnr = t-num;
  37. get_code.innerHTML =printnr +" 秒后重发";
  38. }
  39. }

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

时间: 2024-08-14 18:56:05

Hbuilder MUI 注册短信验证60秒后重新发送的相关文章

yii框架实现注册页面短信验证60秒倒计时

先说下简单的,直接用jquery来实现短信验证60秒倒计时,然后在说明在yii框架下怎么实现的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

短信倒计时60秒

var timer=null; clearTimeout(timer); _this.controlTime($('#sendyzm-btn-bb'), 60); // 控制时间为60秒 controlTime: function(sendbtn, wait){ var self = this; if (wait == 0) { sendbtn.prop("disabled",false).removeClass('sendyzm-ing').val('发送验证码'); wait =

验证码 60秒后重新发送

//短信操作 var wait=60; function time() { var code = document.getElementById('code_send'); if (wait == 0) { code.removeAttribute("disabled"); code.innerHTML="获取验证码"; wait = 60; } else { // www.jbxue.com code.setAttribute("disabled&quo

JS 60秒后重发送验证码

//settime($("#getPhoneCode"),60); function settime($obj, time) { if (time == 0) { $obj.attr("disabled", false); $obj.css("background", "#f38401").css("cursor", "pointer"); $obj.text("获取手机验证码

使用thinkphp如何实现短信验证注册?

注册时经常需要用到短信验证码,本文主要和大家分享使用thinkphp实现短信验证注册的思路和具体实现,希望可以帮助大家更好的学习thinkphp框架. 思路 1.用户输入手机号,请求获取短信验证码. 2.thinkphp生成短信验证码,存储,同时和其他参数一起发送请求给云片. 3.云片发送短信验证码到指定手机号. 4.用户输入短信验证码. 5.thinkphp根据验证码是否正确.验证码是否过期两个条件判断是否验证通过. 代码实现 验证接口 接口地址: https://sms.yunpian.co

登录注册时候的,短信验证如何做?JS获取当前时间

首先JS获取当前时间 <script type="text/javascript"> window.onload = function(){ var nowDate = new Date(); var str = nowDate.getFullYear()+"-"+(nowDate.getMonth() + 1)+"-"+nowDate.getDate()+" "+nowDate.getHours()+"

如何实现php手机短信验证功能

http://www.qdexun.cn/jsp/news/shownews.do?method=GetqtnewsdetailAction&id=1677 下载php源代码 现在网站在建设网站时为了保证用户信息的真实性,往往会选择发短信给用户手机发验证码信息,只有通过验证的用户才可以注册,这样保证了用户的联系信息资料的100%的准确性 .今天笔者就跟大家分享一下如何实现php手机短信验证功能,希望对大家有所帮助. 第一.实现php手机短信验证功能的基本思路 1.要找到短信服务提供商,接入短信服

ASP.NET MVC+Bootstrap 实现短信验证

短信验证大家都已经很熟悉了,基本上每天都在接触手机短信的验证码,比如某宝,某东购物,网站注册,网上银行等等,都要验证我们的手机号码真实性.这样做有什么好处呢. 以前咱们在做网站的时候,为了提高用户注册的质量,防止用户恶意注册,都会设置一些小阻碍,如网页验证码.邮件认证等等.但是道高一尺魔高一丈,很快网站的这些设置都被一些网络黑客利用注册机逐一攻破,这些功能也就随之变成了摆设. 但是魔高一丈道高两丈,随着移动设备的普及,短信验证的功能横空出世.他的出现轻松的排除了传统网站验证码的弊端,还提升了网站

短信验证模块

最近使用到手机短信校验,分享一下我的实现方式,也希望能够了解更好的实现方式 使用短信平台:阿里大鱼(阿里巴巴) 使用语言:node.js 数据库:redis(可用任意数据库或文件操作替代) 实现代码如下: //安装依赖 //redis 数据库操作模块 npm install redis //taobao API 操作模块.ES6请使用topapi-node npm install top //AuthController var redisClient = require('../bin/red