Maison > interface Web > js tutoriel > Exemple de partage de code sur la façon d'utiliser Angularjs pour changer le mot de passe

Exemple de partage de code sur la façon d'utiliser Angularjs pour changer le mot de passe

黄舟
Libérer: 2017-05-27 13:14:56
original
1332 Les gens l'ont consulté

Cet article présente principalement l'exemple de code de Angularjs pour changer le mot de passe. Il est très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer

<.>

Modifiez la pensée logique du mot de passe

Entrez d'abord l'ancien mot de passe pour déterminer si l'ancien mot de passe est correct (jugement du backend)

Deuxièmement, entrez le nouveau mot de passe et déterminez le nouveau format de mot de passe (peut être ajouté)

Déterminez enfin si le nouveau mot de passe et la saisie du mot de passe confirmé sont cohérents

partie 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>
Copier après la connexion

Partie AngularJS

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