修改密碼邏輯思維
首先要輸入舊的密碼,判斷舊的密碼是否正確(后臺判斷)
其次輸入新的密碼,判斷新密碼格式(可增加)
最后判斷新密碼和確認密碼輸入是否一致
html部分
<form class="form-horizontal" role="form"> <div class="form-group"> <label class="col-sm-2 control-label"><i class="importance">*</i>當前密碼</label> <div class="col-sm-6"> <input type="text" class="form-control" ng-model="user.password"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label"><i class="importance">*</i>新密碼</label> <div class="col-sm-6"> <input type="text" class="form-control" ng-model="user.newPassword" ng-minlength="8" ng-maxlength="16" required> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label"><i class="importance">*</i>確認新密碼</label> <div class="col-sm-6"> <input type="text" class="form-control" ng-model="password_again"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default x_submit" ng-click="changePassword()">保存設置</button> </div> </div></form>
AngularJS部分
.controller('userpswdCtrl', 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:'', text: "修改成功", type: "success", showCancelButton: false, confirmButtonColor: "#DD6B55", confirmButtonText: "是", cancelButtonText: "否", closeOnConfirm: true, closeOnCancel: true }) },function(){ }) } }})
以上所述是小編給大家介紹的Angularjs修改密碼的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答