相思资源网 Design By www.200059.com
修改密码逻辑思维
首先要输入旧的密码,判断旧的密码是否正确(后台判断)
其次输入新的密码,判断新密码格式(可增加)
最后判断新密码和确认密码输入是否一致
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修改密码的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
标签:
angularjs,修改密码
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无Angularjs修改密码的实例代码的评论...