Angularjs를 사용하여 비밀번호를 변경하는 방법에 대한 예제 코드 공유

黄舟
풀어 주다: 2017-05-27 13:14:56
원래의
1310명이 탐색했습니다.

이 글에서는 비밀번호 변경을 위한 Angularjs의 예제 코드를 주로 소개합니다. 매우 좋고 참고할만한 가치가 있습니다.

비밀번호 수정 논리적 사고

먼저 이전 비밀번호를 입력하여 이전 비밀번호가 올바른지 확인합니다(백엔드 판단)

두 번째로 새 비밀번호를 입력하여 확인 새 비밀번호 형식 (추가 가능)

새 비밀번호와 확인된 비밀번호 입력이 일치하는지 최종 확인

html part

<form class="form-horizontal" role="form">
 <p class="form-group">
  <label class="col-sm-2 control-label"><i class="importance">*</i>当前密码</label>
  <p class="col-sm-6">
   <input type="text" class="form-control" ng-model="user.password">
  </p>
 </p>
 <p class="form-group">
  <label class="col-sm-2 control-label"><i class="importance">*</i>新密码</label>
  <p class="col-sm-6">
   <input type="text" class="form-control" ng-model="user.newPassword" ng-minlength="8" ng-maxlength="16" required>
  </p>
 </p>
 <p class="form-group">
  <label class="col-sm-2 control-label"><i class="importance">*</i>确认新密码</label>
  <p class="col-sm-6">
   <input type="text" class="form-control" ng-model="password_again">
  </p>
 </p>
 <p class="form-group">
  <p class="col-sm-offset-2 col-sm-10">
   <button type="submit" class="btn btn-default x_submit" ng-click="changePassword()">保存设置</button>
  </p>
 </p>
</form>
로그인 후 복사

AngularJS 파트

.controller(&#39;userpswdCtrl&#39;, function($scope,Account,SweetAlert,$state,$localStorage){
 $scope.user = {}; //信息全部存在user里面
 $scope.changePassword = function(){
  if($scope.password_again === $scope.user.newPassword){  //如果两次密码输入一致
    $scope.user.accountId = $localStorage.accountId;   //获取用户id
    Account.modifyPassword($scope.user,function(data){  //修改密码
     console.log(data);
     SweetAlert.swal({
      title:&#39;&#39;,
      text: "修改成功",
      type: "success",
      showCancelButton: false,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "是",
      cancelButtonText: "否",
      closeOnConfirm: true,
      closeOnCancel: true
     })
    },function(){

    })
  }
 }
})
로그인 후 복사

위 내용은 Angularjs를 사용하여 비밀번호를 변경하는 방법에 대한 예제 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿