码迷,mamicode.com
首页 > 移动开发 > 详细

手机号获取验证码、验证验证码是否正确

时间:2017-08-07 15:17:09      阅读:868      评论:0      收藏:0      [点我收藏+]

标签:get   倒数   输入   var   nbsp   控制   res   错误   settime   

}else {
  alert("验证码已发送,请注意查收");
  time();//调用验证码倒计时
  document.getElementById(‘iputCode‘).setAttribute(‘class‘,result);//让该元素添加calss
}

 

/**
* 点击获取验证码后显示倒数时间
*/
var wait = 60;// 定义短信发送倒计时时间
function time(){
  ocument.getElementById(‘obtain‘).disabled = false; //让按钮可以点击
  if(wait == 0) {
    document.getElementById(‘obtain‘).removeAttribute("disabled"); // 控制按钮可点击
    document.getElementById(‘obtain‘).value = "获取验证码";
    document.getElementById(‘obtain‘).style.color = ‘#2C8FFF‘;
    wait = 60; //还原倒计时
  }else{
    document.getElementById(‘obtain‘).setAttribute("disabled", true);//控制按钮不可点击
    document.getElementById(‘obtain‘).value = "重新发送(" + wait + ")";
    document.getElementById(‘obtain‘).style.color = ‘#C0BBBB‘;
    wait--;
    setTimeout(‘time()‘, 1000) //循环调用 
  }
}

 

/**
* 验证验证码是否正确
*/
function verify() {
  var yzm = document.getElementById(‘iputCode‘).value; // 获取注册用户填写的验证码
  var yzmtwo = document.getElementById(‘iputCode‘).className; // 系统发送的验证码
  if (yzm == ""){
    alert("验证码不能为空");
    return false;
  }else if (yzm != yzmtwo){
    alert("验证码错误,请重新输入!");
    eturn false;
  }
    return true;
}

//点击下一步验证验证码是否正确

$(function(){

  //下一步
  $(‘#nextStep‘).click(function(){
    var ipone = isIpone($(‘#loginPhone‘).val());//手机号验证
    var loginPhone = document.getElementById(‘loginPhone‘).value;// 获取用户手机号码

    if(ipone != true){
      return;
    }
    var yzm = verify();//此处调用验证方法
    if(yzm != true){
      return;
    }
    if(ipone == true && yzm == true) {
      // 下一步跳转设置密码页面 
      window.open(‘resetPassword.html?iphone=‘+loginPhone) 
    }
  })

})

手机号获取验证码、验证验证码是否正确

标签:get   倒数   输入   var   nbsp   控制   res   错误   settime   

原文地址:http://www.cnblogs.com/hjptopshow/p/7298897.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!