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--
：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

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

Copier après la connexion

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     };

Copier après la connexion

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!