Angularjs修改密码的实例代码


Posted in Javascript onMay 26, 2017

修改密码逻辑思维

首先要输入旧的密码,判断旧的密码是否正确(后台判断)

其次输入新的密码,判断新密码格式(可增加)

最后判断新密码和确认密码输入是否一致

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

Javascript 相关文章推荐
Table冻结表头示例代码
Aug 20 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
JQuery标签页效果实例详解
Dec 24 Javascript
javascript基本算法汇总
Mar 09 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
使用Bootstrap打造特色进度条效果
May 02 Javascript
原生js轮播特效
May 18 Javascript
Javascript实现找不同色块的游戏
Jul 17 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
小程序实现分类页
Jul 12 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
输入框跟随文字内容适配宽实现示例
Aug 14 Javascript
详解vue.js的devtools安装
May 26 #Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 #Javascript
vue.js获取数据库数据实例代码
May 26 #Javascript
详解通过JSON数据使用VUE.JS
May 26 #Javascript
JS中去掉array中重复元素的方法
May 26 #Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 #Javascript
AngularJS表单验证功能分析
May 26 #Javascript
You might like
url decode problem 解决方法
2011/12/26 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
jQuery实现自动滚动到页面顶端的方法
2015/05/22 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
js实现二级导航功能
2017/03/03 Javascript
AngularJS表单验证功能分析
2017/05/26 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
微信小程序生成海报分享朋友圈的实现方法
2019/05/06 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
保证书范文大全
2014/04/28 职场文书
创业计划书之物流运送
2019/09/17 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
DSP接收机前端设想
2022/04/05 无线电
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL