angularjs之找回密码

找回密码逻辑

先验证身份是否正确存在

获取验证码

修改密码

html部分

<form class="form-forgot zform" name="Form" novalidate>
  <div class="form-group" ng-class="{'has-error':Form.telephone.$dirty && Form.telephone.$invalid, 'has-success':Form.telephone.$valid}">
    <span>手机：</span>
    <span class="input-icon">
      <input type="text" class="form-control" name="telephone" placeholder="手机号码" ng-model="telephone"
       ng-pattern="/^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/" required>  <!--手机号格式  required必须的-->
  </span>
        </div>
        <div class="form-group" ng-class="{'has-error':Form.sms.$dirty && Form.sms.$invalid, 'has-success':Form.sms.$valid}">
          <span>验证码：</span>
          <span class="input-icon padding-right-5">
   <input type="text" class="form-control" name="sms" placeholder="验证码" ng-model="smsCode" required>
   </span>
        </div>
        <div class="form-group">
          <button class="btn btn-primary zgetcode" ng-click="getSmsCode()" ng-disabled="state.indexOf('s') != -1">
            {{slogan}} {{state}}</button>
        </div>
        <div class="form-group zlogin">
          <button ng-disabled="Form.$invalid"  ng-click="forgot()"  class="btn btn-primary" >提交</button>
        </div>
        <div class="form-group">
          <span>密码：</span>
          <span class="input-icon">
   <input type="password" class="form-control" placeholder="密码" ng-model="password">
  </span>
        </div>
        <div class="form-group form-actions">
          <span>确认密码：</span>
          <span class="input-icon">
   <input type="password" class="form-control password" placeholder="确认密码" ng-model="password_again">
    </span>
  </div>
  <div class="form-group zlogin">
    <button  ng-click="confirm()" class="btn btn-primary" >确认</button>
  </div>
</form>      

js部分

.controller('forgotCtrl',function($scope,Account,SweetAlert,$http,$state,$interval,$stateParams){
 $scope.forgot = function(){
  Account.userVerified({Mobile:$scope.telephone,smsCode:$scope.smsCode},function(data){
   if(data.code === "200"){
    SweetAlert.swal({
     title:'',
     text: "身份验证成功,是否进行重置密码？",
     type: "success",
     showCancelButton: true,
     confirmButtonColor: "#DD6B55",
     confirmButtonText: "是",
     cancelButtonText: "否",
     closeOnConfirm: true,
     closeOnCancel: true
    },function(isConfirm){
     if (isConfirm) {
      var params = data.msg.split("-");
     }
    });
   }else{
    SweetAlert.swal("",data.msg,"info");
   }
  })
 };

 $scope.state = "获取验证码";
 $scope.slogan = "";
 $scope.getSmsCode = function(){
  if($scope.telephone){
   var number = 60;
   $scope.state = number + ' s';
   $scope.slogan = "请等待";
   var timer = $interval(function(){
    if(number === 0){
     $scope.slogan = "";
     $scope.state = "重新发送";
     $interval.cancel(timer);
    }else{
     number --;
     $scope.state = number + ' s';
    }
   },1000);
   Account.sendSmsCode({telephone:$scope.telephone},function(data){
    console.log(data);
   })
  }else{
   SweetAlert.swal("","请输入手机号码","info");
  }
 };

 $scope.confirm = function(){
  if($scope.password_again === $scope.password){
   var userId = $stateParams.userId;
   var token = $stateParams.accessToken;
  var password= $scope.password;
   }).then(function(data){    if(data.data.msg === 'success'){     SweetAlert.swal({      title:'',      text: "密码修改成功,是否跳转到登录页面",      type: "success",      showCancelButton: true,      confirmButtonColor: "#DD6B55",      confirmButtonText: "是",      cancelButtonText: "否",      closeOnConfirm: true,      closeOnCancel: true     },function(isConfirm){      if (isConfirm) {       $state.go('account.login');      }     });    }   })  }else{   SweetAlert.swal("","两次密码不一致，请重新输入","warning");  } }});