AngularJS implementiert die Funktion zur Formularüberprüfung der Mobiltelefonnummer

Verifizierungsfunktionen sind heutzutage überall zu sehen und werden häufig bei der PHP-Entwicklung angetroffen. Die Verifizierung wird in zwei Arten der Verifizierung unterteilt: 1. Integrierte Verifizierung (erforderlich, Mindestlänge usw.); Benutzerdefinierte Überprüfung (regulärer Ausdruck). Der Herausgeber dieses Artikels zeigt Ihnen ein Beispiel für die Überprüfung einer Mobiltelefonnummer in einem AngularJS-Formular (optional). Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und als Referenz geben, ich hoffe, es kann allen helfen.

Der Code lautet wie folgt:

<form ng-app="myApp" ng-controller="validateCtrl" 
name="myForm" novalidate>

<p>电话:<br>
<input type="text" name="phone" ng-model="phone" ng-pattern="/(^$)|^(((\+86)|(86))?1[34578]\d{9})$/">
<span style="color:red" ng-show="myForm.phone.$dirty && myForm.phone.$invalid">
  联系电话格式不正确！</span>
</p>

<p>
<input type="submit"
ng-disabled="myForm.$invalid">
</p>
</form>

Regulärer Ausdruck:

1. Übereinstimmung mit leerer Zahl: ^$

2. ^ (((+86)|(86))?1[34578]d{9})$

3. Steuern Sie die Anzeige der Eingabeaufforderungsinformationen: ng-show="myForm.phone.$dirty && myForm.phone.$invalid"

Verwandte Empfehlungen:

Detaillierte Erläuterung der Implementierung der Formularüberprüfungsfunktion durch Angular

Countdown für den Bestätigungscode senden Funktion bei der Mobiltelefonregistrierung

PHP-ID-Nummer überprüfen

Das obige ist der detaillierte Inhalt vonAngularJS implementiert die Funktion zur Formularüberprüfung der Mobiltelefonnummer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!