Le dernier partage d'exemples de numéro de téléphone mobile de vérification AngularJs

Cet article partage principalement avec vous le dernier exemple de vérification AngularJs du numéro de téléphone mobile, et la vérification AngularJs a été testée avec succès, donc cet article a une bonne valeur de référence et j'espère qu'il pourra aider tout le monde.

L'exemple est le suivant :

<form name="signUpForm" novalidate>

  <p class="form-group">
  <p class="row clearfix">
   <label for="tel1" class="col-xs-12" style="text-align: left">L张蒙号码1：</label>
   <p style="text-align: center" class="col-xs-12">
    <input id="tel1" type="tel" name="tel1"
        data-ng-model="vm.tel1"
        ng-minlength="11"
        ng-pattern="/^1[3|5][0-9]\d{4,8}$/" required
        style="width: 80%;font-size: large"
        placeholder="请输入号码1："/>
   </p>
   <p class="col-xs-12">
    <p class="glyphicon glyphicon-ok input_result text-success"
      ng-if="signUpForm.tel1.$valid"></p>
    <p class="text-danger glyphicon glyphicon-remove"
      ng-if="signUpForm.tel1.$error.required&&signUpForm.tel1.$touched">电话不能为空！</p>
    <p class="text-danger glyphicon glyphicon-remove"
      ng-if="(signUpForm.tel1.$error.minlength||signUpForm.tel1.$error.maxlength||signUpForm.tel1.$error.pattern)&&signUpForm.tel1.$touched">请输入有效手机号!</p>
   </p>
  </p>
</form>

Comment tout le monde l'a-t-il appris ? Tout le monde, essayez-le rapidement.

Recommandations associées :

Comment jQuery utilise des expressions régulières pour vérifier les numéros de téléphone mobile, les numéros d'identification et les noms chinois

javascript - regular vérification Problème avec le numéro de téléphone mobile

Partage de la méthode JS pour vérifier le numéro de téléphone mobile_compétences javascript

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!