Das neueste Beispiel für die Weitergabe einer AngularJs-Verifizierung einer Mobiltelefonnummer

In diesem Artikel wird hauptsächlich das neueste Beispiel für die AngularJs-Verifizierung von Mobiltelefonnummern mit Ihnen geteilt. Die AngularJs-Verifizierung wurde erfolgreich getestet, sodass dieser Artikel einen guten Referenzwert hat und ich hoffe, dass er allen helfen kann.

Das Beispiel ist wie folgt:

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

Wie haben es alle gelernt? ? Jeder, bitte probiert es schnell.

Verwandte Empfehlungen:

Wie jQuery reguläre Ausdrücke verwendet, um Mobiltelefonnummern, ID-Nummern und chinesische Namen zu überprüfen

Javascript – normal Überprüfungsproblem mit der Mobiltelefonnummer

JS-Methodenfreigabe zur Überprüfung der Mobiltelefonnummer_Javascript-Kenntnisse

Das obige ist der detaillierte Inhalt vonDas neueste Beispiel für die Weitergabe einer AngularJs-Verifizierung einer Mobiltelefonnummer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!