温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何修改Angularjs的密码

发布时间:2021-03-16 16:25:56 来源:亿速云 阅读:196 作者:Leah 栏目:web开发

如何修改Angularjs的密码?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

修改密码逻辑思维

首先要输入旧的密码,判断旧的密码是否正确(后台判断)

其次输入新的密码,判断新密码格式(可增加)

最后判断新密码和确认密码输入是否一致

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的密码问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI