HTML5技术

angularjs+ionic注册页面表单验证(手机号、确认密码、60s后重发验证码) - Ruoyu

字号+ 作者:H5之家 来源:H5之家 2017-03-04 10:01 我要评论( )

在已建立tabs和路由的注册页面html: 功能: 进行了手机号、密码格式验证,两次密码输入是否相同的判断,都正确且复选框勾选后才可点击注册,进入tabs.mypage页面。 未进行验证码真正发送、获取后台验证码数据与输入验证码进行对比。 使用: 注意: 不要在lab

在已建立tabs和路由的注册页面html:

功能:

  • 进行了手机号、密码格式验证,两次密码输入是否相同的判断,都正确且复选框勾选后才可点击注册,进入tabs.mypage页面。
  • 未进行验证码真正发送、获取后台验证码数据与输入验证码进行对比。
  • 使用:

    注意:不要在<label>标签里添加点击事件!!

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

     

    在路由绑定的控制器js:

    功能:点击触发获取验证码函数,在倒计时59s期间不可再次发送请求。

    注意:记得在控制器中注入$interval

    1 $scope.canClick=false; 2 $scope.description="获取验证码"; 3 var second=59; 4 var timerHandler; 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 };

     

     

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • HTML5 File接口(在web页面上使用文件) - QxQstar

      HTML5 File接口(在web页面上使用文件) - QxQstar

      2017-02-27 16:00

    • 如何在页面上输出html标签:符号实体 - Aqiaoba

      如何在页面上输出html标签:符号实体 - Aqiaoba

      2017-02-26 12:04

    • 微信H5页面遇到的一些问题 - 乖乖脸很大

      微信H5页面遇到的一些问题 - 乖乖脸很大

      2017-01-27 08:05

    • 移动端H5页面遇到的问题总结 - 非梧不栖

      移动端H5页面遇到的问题总结 - 非梧不栖

      2017-01-20 13:01

    网友点评
    -