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

설정된 탭과 경로가 있는 등록 페이지 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!