최신 AngularJs 인증 휴대폰번호 예시 공유

이 글은 AngularJ의 휴대폰 번호 인증에 대한 최신 사례를 중심으로 공유하며, AngularJs 인증은 성공적으로 테스트되었으므로 이 글이 좋은 참고 가치가 있으며 모든 분들께 도움이 되기를 바랍니다.

예는 다음과 같습니다.

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

어떻게 배우나요? 여러분, 빨리 시도해 보세요.

관련 권장사항:

jQuery가 정규식을 사용하여 휴대폰 번호, ID 번호 및 중국어 이름을 확인하는 방법

javascript - 휴대폰 번호 정기 확인 문제

JS 메서드 공유 휴대폰 확인 전화번호_자바스크립트 기술

위 내용은 최신 AngularJs 인증 휴대폰번호 예시 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!