功能:
使用:
7-- type="number":限定輸入數字類型;required:限定不能為空; ng-minlength/ng-maxlength:限定輸入字元最小、最大長度
11-- type= "password":語意化,密碼格式;ng-pattern="/[a-zA-Z0-9]/":用正規限定輸入數字或字母
20-- ng-click="getTestCode()":綁定點擊事件;ng-bind="description":控制按鈕顯示文字;ng-disabled="canClick":控制按鈕可用性,避免短時間內多次要求
25-- ng-show="":依照條件顯示提示文字;registerForm. number:name為registerForm的
33-- ng-disabled="registerForm.$invalid":
注意:不要在
手机号 输入密码 确认密码 验证码 手机号输入有误 密码输入格式有误 两次密码输入不一致 同意发货么用户协议 注册
#功能:點擊觸發取得驗證碼函數,在倒數59s期間不可再傳送請求。
注意:記得在控制器中註入$interval
1 $scope.canClick=false; 2 $scope.description="获取验证码"; 3 var second=59; 4 var timerHandler; 5 $scope.getTestCode=function(){10 timerHandler=$interval(function(){11 if(second<=0){12 $interval.cancel(timerHandler);13 second=59;14 $scope.description="获取验证码";15 $scope.canClick=false;16 }else{17 $scope.description=second+"s后重发";18 second--;19 $scope.canClick=true;20 }21 },1000)22 };
#
#以上是angularjs+ionic註冊頁面表單驗證的詳細內容。更多資訊請關注PHP中文網其他相關文章!