vérification du formulaire de la page d'inscription ionique angulaire js

Page d'inscription html avec onglets établis et itinéraire :

Fonction :

• Le numéro de téléphone portable et le format du mot de passe ont été vérifiés. Le jugement quant à savoir si les deux entrées de mot de passe sont identiques est correct et la case à cocher est cochée avant que vous puissiez cliquer pour vous inscrire. et entrez dans la page tabs.mypage.

• Non Code de vérificationréellement envoyé, obtenu les données du code de vérification des antécédents et comparé au code de vérification d'entrée.

Utilisation :

• 4-- novalidate : interdire l'exécution de la vérification native du formulaire <form> pour éviter tout conflit avec la méthode de vérification définie par vous-même

• 7-- type="number" : Limiter le type de numéro d'entrée required : Limiter il ne peut pas être vide ; ng-minlength/ng-maxlength : Limiter la longueur minimale et maximale des caractères d'entrée

• 11-- type ="password"：Sémantique, format de mot de passe ng-pattern="/[a-zA-Z0-9]/"  : Entrez des chiffres ou des lettres avec des règles régulières

• 20-- ng-click="getTestCode()" : Lier un clic Événement ; ng-bind="description" : Contrôlez le bouton pour afficher le texte ; ng-disabled="canClick" : Contrôle disponibilité du bouton, évitez les demandes multiples dans un court laps de temps

• 25-- ng-show="" : Afficher le texte d'invite en fonction aux conditions ; registerForm .number : La zone de saisie dont le nom est number sous la forme

  La zone de saisie a été Interagir avec l'utilisateur ; $invalid : Le contenu de la zone de saisie ne réussit pas la vérification définie par vous-même.

  33--
ng-disabled="registerForm.$invalid"
• ：Le formulaire a réussi la vérification Disponible.

Remarque :

N'ajoutez pas d'événements de clic dans la balise !

Dans le
contrôleur

js de

                                                                  手机号                                                                            输入密码                                                                            确认密码                                                                            验证码                                                                                                                   手机号输入有误             密码输入格式有误         两次密码输入不一致                                    同意发货么用户协议                           注册

liaison de route

 : Fonction :

Cliquez pour déclencher l'acquisition du code de vérificationfonction, et la demande ne pourra pas être renvoyée pendant le compte à rebours de 59 secondes.

Remarque :

N'oubliez pas d'injecter $interval

 1     $scope.canClick=false; 2     $scope.description="获取验证码"; 3     var second=59; 4     var timerHandler; 5     $scope.getTestCode=function(){10         timerHandler=$interval(function(){11             if(second<=0){12             $interval.cancel(timerHandler);13             second=59;14             $scope.description="获取验证码";15             $scope.canClick=false;16         }else{17             $scope.description=second+"s后重发";18             second--;19             $scope.canClick=true;20         }21             },1000)22     };

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!