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