• js之前端注册界面功能实现,短信平台接入,验证码倒计时


    var res_code; //后台返回的验证码,注册时验证用
    var InterValObj; //timer变量,控制时间
    var count = 60; //间隔函数,1秒执行
    var curCount = 0; //当前剩余秒数 var authCode;

     

    	function getCode() {
    		var iphoneNum = $('#userName').val(); //手机号
    		var prame = {
    		    'mobilePhone': $('#userName').val()
    		}
    		if(iphoneNum == '') {
    			alert('请填写手机号')
    		} else {
    				jQuery.ajax({
    				url: '$!webPath/send_code.htm',
    				type: 'POST',
    				data: prame,
    				dataType: 'json',
    				success: function(result) {
    					if(result.flag == true) {
    						sendMessage();
    						//doCompare(result.authCode);
    						authCode = result.authCode;
    					} else if(result.flag == false) {
    						console.log('验证码发送失败')
    					}
    				}
    			})
    		}
    	}
    

      

    function sendMessage() {
        curCount = count;			
        document.getElementById("getAuthcode").setAttribute("disabled", "disabled"); //设置按钮为禁用状态     document.getElementById("getAuthcode").setAttribute("style", "background-color:#F1F1F1;");     document.getElementById("getAuthcode").innerHTML = "(" + curCount + ")秒后再次获取";     InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器timer处理函数,1秒执行一次     //SetRemainTime(); }

      

    function SetRemainTime() {
      if(curCount == 0) {
    	clearInterval(InterValObj); //停止计时器
    	document.getElementById("getAuthcode").removeAttribute("disabled"); //移除禁用状态改为可用
    	document.getElementById("getAuthcode").setAttribute("style", "background-color:#cc0000;");
    	document.getElementById("getAuthcode").innerHTML = "重新发送验证码";
    	} else {
    		curCount--;
    		document.getElementById("getAuthcode").innerHTML = "(" + curCount + ")秒后再次获取";
    	}
    }
    

     

    function submit_login() {
    	var userCode = $('#code').val();
    	if(userCode == null || userCode == '') {
    		alert('请填写验证码')	}
            else if(userCode == authCode) {
    		jQuery('#theForm').submit();
    	} else {
    		alert('验证码错误');
    	}
    }
    

      

  • 相关阅读:
    JDBC
    两道关于回溯法,分支限界法的算法题
    旅行售货员问题
    jdbc学习
    mysql简单练习
    取会邮件客户端中的密码
    触发器的使用
    事务的数据一致性测试
    读取其他软件listview控件的内容
    sqlserver2008 ,只能选C盘目录,不能选其它盘目录
  • 原文地址:https://www.cnblogs.com/Abner5/p/6905325.html
Copyright © 2020-2023  润新知