> 웹 프론트엔드 > JS 튜토리얼 > angularjs+ionic 등록 페이지 양식 확인

angularjs+ionic 등록 페이지 양식 확인

PHPz
풀어 주다: 2017-03-12 15:59:14
원래의
2061명이 탐색했습니다.

설정된 탭과 경로가 있는 등록 페이지 html:

기능:

  • 휴대폰번호와 비밀번호 형식이 확인되었으며, 두 비밀번호가 동일한지 판단하여 체크박스를 체크한 후 등록을 클릭합니다. tabs.mypage 페이지를 입력하세요.

  • 아니요 인증코드실제로 전송되었고 백그라운드 인증코드 데이터를 받아 입력된 인증코드와 비교했습니다.

용도:

  • 4-- novalidate: 사용자가 설정한 확인 방법과의 충돌을 피하기 위해 <form> 양식 기본 확인 실행을 금지합니다

  • 7-- type="number": 입력 숫자 유형을 제한합니다. required: 제한은 비워둘 수 없습니다. ng-minlength/ng-maxlength: 입력 문자의 최소 및 최대 길이를 제한합니다.

  • 11-- ="password"의미, 비밀번호 형식 ng-pattern="/[a-zA-Z0-9]/" : 규칙에 따라 숫자 또는 문자 입력

  • 20-- ng-click="getTestCode()": 바인딩 클릭 이벤트; ng-bind="description": 버튼을 제어하여 텍스트를 표시합니다. ng-disabled="canClick"을 제어합니다. 버튼 사용 가능, 짧은 시간 내에 여러 요청 방지

  • 25-- ng-show="": 프롬프트 텍스트 표시 registerForm .number: RegisterForm $ty 형식의 숫자인 입력 상자가 사용자와 상호 작용했습니다. $invalid: 입력 상자의 내용이 직접 설정한 확인을 통과하지 못했습니다.

  • 33-- ng-disabled="registerForm.$invalid"

    양식이 확인을 통과했습니다.

참고:


                                                                  手机号                                                                            输入密码                                                                            确认密码                                                                            验证码                                                                                                                   手机号输入有误             密码输入格式有误         两次密码输入不一致                                    同意发货么用户协议                           注册
로그인 후 복사
in

route 바인딩controllerjs:

기능: 클릭하여 인증 코드 획득기능, 59초 카운트다운 중에는 다시 요청을 보낼 수 없습니다.

참고: 컨트롤러에 $interval

아아앙

위 내용은 angularjs+ionic 등록 페이지 양식 확인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿