您好,欢迎访问一九零五行业门户网

如何使用Angularjs修改密码的实例代码分享

这篇文章主要介绍了angularjs修改密码的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
修改密码逻辑思维
首先要输入旧的密码,判断旧的密码是否正确(后台判断)
其次输入新的密码,判断新密码格式(可增加)
最后判断新密码和确认密码输入是否一致
html部分
<form class="form-horizontal" role="form"> <p class="form-group"> <label class="col-sm-2 control-label"><i class="importance">*</i>当前密码</label> <p class="col-sm-6"> <input type="text" class="form-control" ng-model="user.password"> </p> </p> <p class="form-group"> <label class="col-sm-2 control-label"><i class="importance">*</i>新密码</label> <p class="col-sm-6"> <input type="text" class="form-control" ng-model="user.newpassword" ng-minlength="8" ng-maxlength="16" required> </p> </p> <p class="form-group"> <label class="col-sm-2 control-label"><i class="importance">*</i>确认新密码</label> <p class="col-sm-6"> <input type="text" class="form-control" ng-model="password_again"> </p> </p> <p class="form-group"> <p class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default x_submit" ng-click="changepassword()">保存设置</button> </p> </p> </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修改密码的实例代码分享的详细内容。
其它类似信息

推荐信息