AngularJS implémente la fonction de changement de mot de passe par l'utilisateur

Cette fois, je vais vous apporter AngularJS pour implémenter la fonction de modification du mot de passe de l'utilisateur. Quelles sont les précautions pour qu'AngularJS implémente la fonction de modification du mot de passe de l'utilisateur. , jetons un coup d'oeil.

Récemment, je fais du design front-end. Les principales connaissances que j'utilise sont AngularJS et nodejs pour l'affichage des pages ainsi que la demande et le traitement des données. Lors de la conception d'une page telle qu'un mot de passe oublié, il est important de trouver une idée de conception efficace.

Prenons l'exemple de la modification du mot de passe. Pour afficher les informations d'invite à l'utilisateur de manière conviviale et indiquer clairement à l'utilisateur quelle partie de l'opération pose problème, cela nécessite de définir des variables et fonctions. Afficher des informations à différents endroits de la page. Le code ci-dessous est un exemple simple écrit par moi-même pour enregistrer le processus d'apprentissage.

changePwd

Le code est le suivant

varapp = angular.module("myapp",[]);
app.controller('changPwdCtrl',function($scope){
  $scope.name ="xiaozhang";
  $scope.pwd ="hello";
  $scope.newPwd ="hello1";
  $scope.rNewPwd ="hello2";
  $scope.submit =function(){
    $scope.reseltNotRule =''
    $scope.resultNotSame =''
    $scope.result =''
    $scope.resultSuccess =''
    if(!($scope.name&&$scope.pwd&&$scope.newPwd&&$scope.rNewPwd)){
      $scope.result ="请填写完整";
    }elseif($scope.newPwd != $scope.rNewPwd) {
      $scope.resultNotSame ="两次密码不一致";
    }elseif($scope.pwd == $scope.newPwd) {
      $scope.result ="新旧密码不能一致";
    }
  }
});

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention. vers d'autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Résumé des méthodes statistiques qps

Yuansheng JS réalise la pagination de pages Web

Échec de la session utilisateur du traitement Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!