qy-platform/Application/Mobile/View/User/forget.html

<extend name="Public/bases" />
<block name="body">
  <link href="__CSS__/user.css" rel="stylesheet" >
  <script src="__JS__/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="__JS__/getRem.js"></script>
  <link rel="stylesheet" type="text/css" href="__CSS__/reset.css">
  <link rel="stylesheet" type="text/css" href="__CSS__/name.css">
  <link rel="stylesheet" type="text/css" href="__CSS__/remove.css">
  <style>
    body {
      background: white;
    }
  </style>
  <div class="name">
    <!-- 子页公共头部 -->
    <div class="subpage-heard">找回密码
      <a href="javascript:window.history.go(-1);" class="arrows"></a>
    </div>
    <div class="remove-info">

      <div class="name-input">
        <div class="name-inputBox">
          <img src="__IMG__/shoujibangding.png" alt="">
          <div>手机号</div>
        </div>
        <input type="text" placeholder="请输入手机号" style="padding: 0" name="mobile" id="mobile" value="{$user['phone']}">
      </div>

      <div class="remove-input">
        <div class="remove-inputBox">
          <img src="__IMG__/mingzibianji.png" alt="">
          <div>验证码</div>
          <input type="text" placeholder="请输入验证码" id="code" name="code" value="">
        </div>
        <div class="code g-btn jsgetcode" id="sendSafeCode">获取验证码</div>
      </div>
      <div class="save submit">下一步</div>
      <div>
        <p class="forget-notice" style="font-size: 0.28rem;text-align: center;line-height: 0.4rem;">
          通过手机号找回密码只适用于手机号注册的账号<br>用户名注册的账号可
          <a href="http://wpa.qq.com/msgrd?v=3&amp;uin={:C('APP_QQ')}&amp;site=qq&amp;menu=yes"
             target="_blank" style="color: #21B1EB;">联系客服</a>
        </p>
      </div>
    </div>
  </div>

  <div class="popmsg pop-dialog"></div>
  <script src="__JS__/pop.lwx.min.js"></script>
  <script src="__JS__/common.js"></script>
  <script>
    $(function() {
      var pmsg = $('.popmsg').pop();

      $('.jsgetcode').click(function() {
        var tis = this,that = $(tis);
        if (that.hasClass('disabled')) {return false;}
        var mobile = $.trim($('#mobile').val());
        if (mobile) {
          var is_true = true;
          if (/^1[0-9]{10}$/.test(mobile)) {
            $.ajax({
              url:"{:U('forget_send_msg')}",
              type:"POST",
              dataType:"json",
              async: false,
              data:{account:mobile},
              success:function(result){
                if(result.status == 0){
                  is_true = false;
                }
                pmsg.msg(result.msg);
              },
              error:function(){
                alert('服务器异常');
              }
            })
            if(is_true){
              clock(tis);
            }
          } else {
            pmsg.msg('请输入正确的手机号码');
          }
        } else {
          pmsg.msg('请输入手机号码');
        }
        return false;
      });

      $(".submit").click(function(){
        var mobile = $.trim($("#mobile").val());
        var code = $.trim($("#code").val());
        if(mobile.length == 0){
          pmsg.msg('请输入手机号码');
          return false;
        }
        if(code.length == 0){
          pmsg.msg('请输入验证码');
          return false;
        }
        $.ajax({
          url:"{:U('forget')}",
          type:"POST",
          dataType:"json",
          data:{phone:$.trim($('#mobile').val()),code:$("#code").val()},
          success:function(result){
            if(result.status == 1){
              pmsg.msg("验证成功");
              setTimeout(function () {
                window.location.href = result.url;
              }, 2000);
            } else {
              pmsg.msg(result.msg);
            }
          },
          error:function(){
            alert("服务器异常");
          }
        })
      })
    });
  </script>
</block>