js 忘记密码发送短信记录cookie

Posted 2021-01-21 ywx354980

        <div class="forgetPwdBox" style="display:none">
            <div class="forTit">
                <p>忘记密码</p>
                <span id="closeBtn">x</span>
            </div>
            <div class="textPwd">
                <div class="inputTel">
                    <input id="phone" name="phone" placeholder="请输入手机号" type="text"/>
                </div>
                <div class="inputverifity">
                    <input id="verifity" name="verifity" placeholder="请输入短信验证码" type="text"/>
                </div>
                <div id="curBtn">
                    <input type="button" id="btn"  value="获取验证码">
                </div>
                <div class="errorInfo"></div>
                <button id="check-btn" class="layui-btn">确定</button>
            </div>
        </div>
    </div>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script> 
  
  <script>
  $(function(){
       var verifityCode = "";
       if($.cookie("total")!=undefined&&$.cookie("total")!=‘NaN‘&&$.cookie("total")!=‘null‘){//cookie存在倒计时
         timekeeping();
       }else{//cookie 没有倒计时
         $(‘#btn‘).attr("disabled", false);
       }
       function timekeeping(){
            //把按钮设置为不可以点击
            $(‘#btn‘).attr("disabled", true);
            var interval=setInterval(function(){//每秒读取一次cookie
             //从cookie 中读取剩余倒计时
             total=$.cookie("total");
             //在发送按钮显示剩余倒计时
             $(‘#btn‘).val(‘请等待‘+total+‘秒‘);
             //把剩余总倒计时减掉1
             total--;
             if(total==0){//剩余倒计时为零，则显示 重新发送，可点击
             //清除定时器
             clearInterval(interval);
             //删除cookie
             total=$.cookie("total",total, { expires: -1 });
             //显示重新发送
             $(‘#btn‘).val(‘重新发送‘);
             //把发送按钮设置为可点击
             $(‘#btn‘).attr("disabled", false);
             }else{//剩余倒计时不为零
             //重新写入总倒计时
             $.cookie("total",total);
             }
            },1000);
       }
       //绑定发送按钮
        $(‘#btn‘).click(function(event) {
           /* Act on the event */
           // alert($("#btn").val());
           //校验手机号码
           var phone=$(‘#phone‘).val();
           var pre=/^[1][358][0-9]{9}$/;
           if(phone==‘‘){
             $(".errorInfo").html("手机号不能为空！");
             $(‘#phone‘).focus();
             return this;
           }else{
             var pre=/^[1][358][0-9]{9}$/;
             if(!pre.test(phone)){
                 $(".errorInfo").html("手机号格式错误！");
                 $(‘#phone‘).focus();
               return this;
             }
           }
           
           $.ajax({
            url: ‘/user/sendSms?mob=‘ + phone,
            type: ‘GET‘,
            success:function(data){    
                if(data.code){
                    verifityCode = data.code;
                }            
            }
           })
           .done(function(re) {
              var str="发送短信验证码成功，请注意查看您的手机";
              
              if(re.code == 404)
                {
                  str="输入的手机账户不存在！";    
                }
              
              // console.log(re);
              if(re){
                  if(re.code == 404)
                {
                  str="输入的手机账户不存在！";    
                } 
                  else{
                    $.cookie("total",60);
                    timekeeping();
                  }

              }else{
                switch (re.result) {
                 case ‘-1‘:
                  str="没有该用户账户";
                  break; 
                 case ‘-2‘:
                  str="接口密码不正确";
                  break; 
                 case ‘-3‘:
                  str="短信数量不足";
                  break;
                 case ‘-11‘:
                  str="该用户被禁用";
                  break;
                 case ‘-14‘:
                  str="短信内出现非法字符";
                  break; 
                 case ‘-4‘:
                  str="手机号格式不正确";
                  break;
                 case ‘-41‘:
                  str="手机号码为空";
                  break; 
                 default:
                  str="发送验证码失败";
                  break;
                }
              }
              $(".errorInfo").html(str);
           })
           .fail(function() {
            console.log("error");
           })
           .always(function() {
            console.log("complete");
           });
      });
       
      $("#check-btn").click(function(){
          var curVerifity = $("#verifity").val();
          var phone = $(‘#phone‘).val();
          if(curVerifity == "" || verifityCode == ""){
                 $(".errorInfo").html("请填写手机验证码！");
                 $(‘#verifity‘).focus();
              return;
          }
          
          if(curVerifity == verifityCode){
               $.ajax({
                    url: ‘/user/resetPassword?mob=‘ + phone,
                    type: ‘GET‘,
                    success:function(data){    
                        if(data.code == 200){
                            $(".errorInfo").html("密码初始化成功，请用初始密码进行登录！");
                            window.setTimeout(function(){ 
                                window.location.href = "/lougout"
                            }, 1500);                            
                        }      
                        else{
                            $(".errorInfo").html("密码初始化失败！");
                        }
                    }
                   })
          }
          
          else{
                 $(".errorInfo").html("您填写的手机验证码有误！");
                 $(‘#verifity‘).focus();
          }
         
      })
      
      $("#forgetPwd").click(function(){
          $(".forgetPwdBox").fadeIn(500);
      });
      
      $("#closeBtn").click(function(){
          $(".forgetPwdBox").fadeOut("fast");
      });
  })
</script>