全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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 


相关文章: 浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样?  网站制作费用多少钱,一个网站的运营,需要哪些费用?  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  建站之星如何保障用户数据免受黑客入侵?  微信小程序 五星评分(包括半颗星评分)实例代码  如何确保西部建站助手FTP传输的安全性?  如何登录建站主机?访问步骤全解析  如何通过万网虚拟主机快速搭建网站?  官网建站费用明细查询_企业建站套餐价格及收费标准指南  如何通过服务器快速搭建网站?完整步骤解析  已有域名和空间,如何快速搭建网站?  如何在橙子建站中快速调整背景颜色?  如何选择网络建站服务器?高效建站必看指南  如何用花生壳三步快速搭建专属网站?  南平网站制作公司,2025年南平市事业单位报名时间?  详解jQuery停止动画——stop()方法的使用  建站之星展会模版如何一键下载生成?  制作旅游网站html,怎样注册旅游网站?  营销式网站制作方案,销售哪个网站招聘效果最好?  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  天津个人网站制作公司,天津网约车驾驶员从业资格证官网?  c# await 一个已经完成的Task会发生什么  开封网站制作公司,网络用语开封是什么意思?  ,巨量百应是干嘛的?  香港服务器租用费用高吗?如何避免常见误区?  python的本地网站制作,如何创建本地站点?  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站?  宝塔建站后网页无法访问如何解决?  如何快速重置建站主机并恢复默认配置?  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  如何在Tomcat中配置并部署网站项目?  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?  建站主机是否等同于虚拟主机?  开心动漫网站制作软件下载,十分开心动画为何停播?  深圳网站制作平台,深圳市做网站好的公司有哪些?  无锡营销型网站制作公司,无锡网选车牌流程?  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?  临沂网站制作企业,临沂第三中学官方网站?  一键制作网站软件下载安装,一键自动采集网页文档制作步骤?  常州自助建站工具推荐:低成本搭建与模板选择技巧  建站之星×万网:智能建站系统+自助建站平台一键生成  内部网站制作流程,如何建立公司内部网站?  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?  宝塔新建站点为何无法访问?如何排查?  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  如何用搬瓦工VPS快速搭建个人网站? 

您的项目需求

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