博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
手机号获取验证码、验证验证码是否正确
阅读量:6081 次
发布时间:2019-06-20

本文共 1630 字,大约阅读时间需要 5 分钟。

}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) 
    }
  })

})

转载于:https://www.cnblogs.com/hjptopshow/p/7298897.html

你可能感兴趣的文章
带空格文件名的处理(find xargs grep ..etc)
查看>>
华为Access、Hybrid和Trunk的区别和设置
查看>>
centos使用docker下安装mysql并配置、nginx
查看>>
关于HTML5的理解
查看>>
需要学的东西
查看>>
Internet Message Access Protocol --- IMAP协议
查看>>
Linux 获取文件夹下的所有文件
查看>>
对 Sea.js 进行配置(一) seajs.config
查看>>
第六周
查看>>
解释一下 P/NP/NP-Complete/NP-Hard 等问题
查看>>
javafx for android or ios ?
查看>>
微软职位内部推荐-Senior Software Engineer II-Sharepoint
查看>>
sql 字符串操作
查看>>
【转】Android布局优化之ViewStub
查看>>
网络安全管理技术作业-SNMP实验报告
查看>>
根据Uri获取文件的绝对路径
查看>>
Flutter 插件开发:以微信SDK为例
查看>>
.NET[C#]中NullReferenceException(未将对象引用到实例)是什么问题?如何修复处理?...
查看>>
边缘控制平面Ambassador全解读
查看>>
Windows Phone 7 利用计时器DispatcherTimer创建时钟
查看>>