Überprüfung des Formulars der AngularJS+ionic-Registrierungsseite

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

Hinweis:

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

In
Routenbindung

s

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

Controller

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.

Hinweis:

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!