この記事では、パスワードを変更するための 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 を使用してパスワードを変更する方法のサンプルコード共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。