AngularJS implémente la fonction de vérification de formulaire de numéro de téléphone mobile

De nos jours, les fonctions de vérification sont visibles partout, et elles sont souvent rencontrées lors du développement PHP. La vérification de formulaire angulaire est divisée en deux types de vérification : 1. Vérification intégrée (obligatoire, longueur minimale, etc.) ; Vérification personnalisée (expression régulière). L'éditeur de cet article vous apportera un exemple de vérification d'un numéro de téléphone mobile dans un formulaire AngularJS (facultatif). L'éditeur pense que c'est plutôt bien, je vais donc le partager avec vous maintenant et le donner comme référence, j'espère que cela pourra aider tout le monde.

Le code est le suivant :

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

Expression régulière :

1. Correspondance vide : ^$

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

3. Contrôlez l'affichage des informations d'invite : ng-show="myForm.phone.$dirty && myForm. phone.$invalid"

Recommandations associées :

Explication détaillée de l'implémentation par Angular de la fonction de vérification de formulaire

Envoyer le compte à rebours du code de vérification fonction lors de l'enregistrement du téléphone portable

php vérifier le numéro d'identification

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!