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修改密码的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# angularjs # 修改密码 # angularjs2 ng2 密码隐藏显示的实例代码 # AngularJS前端页面操作之用户修改密码功能示例 # angular仿支付宝密码框输入效果 # 在 Angular2 中实现自定义校验指令（确认密码）的方法 # AngularJs验证重复密码的方法(两种) # angularjs 表单密码验证自定义指令实现代码 # Angular实现点击按钮控制隐藏和显示功能示例 # Angular实现点击按钮后在上方显示输入内容的方法 # AngularJS实现根据不同条件显示不同控件 # AngularJS实时获取并显示密码的方法 # 新密码 # 小编 # 在此 # 两次 # 给大家 # 逻辑思维 # 所述 # 给我留言 # 感谢大家 # 是否正确 # 可增加 # 疑问请 # 有任何 # text # ng # model # type # control # importance

返回目录在线咨询

上一篇：Go语言集合实现：为什么struct{}优于interface{}作为Map值
下一篇：选择建站空间时，国内空间和国外空间哪个更好？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Angularjs修改密码的实例代码

您的项目需求