Maison > interface Web > js tutoriel > AngularJS implémente la fonction de changement de mot de passe par l'utilisateur

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

php中世界最好的语言
Libérer: 2018-04-19 13:46:20
original
1732 Les gens l'ont consulté

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 ="新旧密码不能一致";
    }
  }
});
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal