Registrierungsseite HTML mit festgelegten Registerkarten und Route:

Funktion:

• Die Mobiltelefonnummer und das Passwortformat wurden überprüft. Die Beurteilung, ob die beiden Passworteingaben korrekt sind, und das Kontrollkästchen wird überprüft, bevor Sie zur Registrierung klicken können und geben Sie die Seite tabs.mypage ein.

• Nicht durchgeführt BestätigungscodeWirklich senden, die Daten des Hintergrundbestätigungscodes abrufen und mit dem eingegebenen Bestätigungscode vergleichen.

Verwendung:

• 4-- novalidate: Verbieten Sie die Ausführung von <fürm> Form-native-Verifizierung, um Konflikte mit der von Ihnen festgelegten Verifizierungsmethode zu vermeiden

• 7-- type="number": Beschränken Sie den Typ der eingegebenen Zahl; required: Begrenzen Sie, dass er nicht leer sein darf; ng-minlength/ng-maxlength: Begrenzen Sie die minimale und maximale Länge der Eingabezeichen

• 11-- type ="password"：Semantik, Passwortformat ng-pattern="/[a-zA-Z0-9]/" : Zahlen oder Buchstaben mit regulären Regeln eingeben

• 20-- ng-click="getTestCode()": Klick verknüpfen Ereignis; ng-bind="description": Steuern Sie die -Schaltfläche , um Text anzuzeigen; ng-disabled="canClick": Steuern Schaltflächenverfügbarkeit, vermeiden Sie mehrere Anfragen in kurzer Zeit

• 25-- ng-show="": Eingabeaufforderungstext entsprechend anzeigen zu Bedingungen; registerForm .number: Das -Eingabefeld, dessen Name die Zahl in der

  -Form ist: Das Eingabefeld wurde mit dem Benutzer interagieren $invalid: Der Inhalt des Eingabefelds besteht die von Ihnen festgelegte Überprüfung nicht.

  33--
ng-disabled="registerForm.$invalid"
• ：Das Formular hat die Überprüfung bestanden. Verfügbar

Fügen Sie keine Klickereignisse im -Tag hinzu! !

In
Routenbindung

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

js: Funktion:

Klicken Sie, um die Erfassung des Bestätigungscodes auszulösenFunktion, und die Anfrage kann während des 59-Sekunden-Countdowns nicht erneut gesendet werden.

Denken Sie daran, $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     };

Das obige ist der detaillierte Inhalt vonÜberprüfung des Formulars der AngularJS+ionic-Registrierungsseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!