AngularJS는 양식 확인 휴대폰 번호 기능을 구현합니다.

요즘에는 검증 기능을 어디에서나 볼 수 있으며 PHP 개발을 할 때 자주 접하게 됩니다. Angular Form 검증은 두 가지 유형의 검증으로 나뉩니다. 1. 내장 검증(필수, 최소 길이 등) 2. 사용자 정의 검증 (정규 표현식). 이 기사의 편집자는 AngularJS 형식(선택 사항)으로 휴대폰 번호를 확인하는 예를 제공할 것입니다. 편집자께서 꽤 좋다고 생각하셔서 지금 공유하고 참고용으로 드리도록 하겠습니다. 모두에게 도움이 되었으면 좋겠습니다.

코드는 다음과 같습니다.

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

정규식:

1. 비어 있는 항목 일치: ^$

2. 휴대폰 번호 일치: ^(((+86)|(86))?1[34578]d { 9})$

3 프롬프트 정보 표시 제어: ng-show="myForm.phone.$dirty && myForm.phone.$invalid"

관련 권장 사항:

Angular의 양식 구현에 대한 자세한 설명 인증 기능

휴대폰 등록 시 인증코드 카운트다운 기능 전송

php로 아이디 인증

위 내용은 AngularJS는 양식 확인 휴대폰 번호 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!