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 

相关文章： 已有域名和空间如何搭建网站？  c++怎么用jemalloc c++替换默认内存分配器【性能】  公司网站的制作公司,企业网站制作基本流程有哪些？  建站之星安装步骤有哪些常见问题？  音乐网站服务器如何优化API响应速度？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  如何选择建站程序？包含哪些必备功能与类型？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  用v-html解决Vue.js渲染中html标签不被解析的问题  如何在宝塔面板中修改默认建站目录？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  网站制作企业,网站的banner和导航栏是指什么？  小建面朝正北，A点实际方位是否存在偏差？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  长沙企业网站制作哪家好,长沙水业集团官方网站？  如何在Golang中指定模块版本_使用go.mod控制版本号  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  重庆网站制作公司哪家好,重庆中考招生办官方网站？  电商网站制作公司有哪些,1688网是什么意思？  宝塔建站助手安装配置与建站模板使用全流程解析  建站主机选购指南：核心配置与性价比推荐解析  如何选择最佳自助建站系统？快速指南解析优劣  如何用腾讯建站主机快速创建免费网站？  如何选择适配移动端的WAP自助建站平台？  小型网站制作HTML,*游戏网站怎么搭建？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  网站代码制作软件有哪些,如何生成自己网站的代码？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  Bpmn 2.0的XML文件怎么画流程图  如何在建站宝盒中设置产品搜索功能？  如何在Golang中使用replace替换模块_指定本地或远程路径  建站之星云端配置指南：模板选择与SEO优化一键生成  如何零基础开发自助建站系统？完整教程解析  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  建站之星如何助力企业快速打造五合一网站？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何在局域网内绑定自建网站域名？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  建站之星在线客服如何快速接入解答？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  如何在阿里云虚拟主机上快速搭建个人网站？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  广州建站公司哪家好？十大优质服务商推荐  如何在云指建站中生成FTP站点？  如何在IIS管理器中快速创建并配置网站？    齐河建站公司：营销型网站建设与SEO优化双核驱动策略  济南网站制作的价格,历城一职专官方网站？