新用户注册表单验证,ajax请求和到时定时器

15 篇文章 0 订阅
15 篇文章 0 订阅

最近用framework7框架做一个App项目,一下代码是新用户注册的时候给后台发送ajax请求的同时执行表单验证和到时定时器的顺序。

myApp.onPageInit("register",function(){      //myApp.onPageInit("register")中的register是注册页面中data-page的值

  $$(".button").click(function(){
    var str_name = $$(".username").val().trim() || '';
     var reg_name = /^1[3|4|5|7|8][0-9]{9}$/;
    // console.log(str_name);
    if (str_name == "" ) {
      alert("请输入手机号");
      return false;
    }
    if ( str_name === 0 || reg_name.test(str_name)==false) {
      alert("请输入有效手机号");
      return false;
    }
    var str_ver  =$$(".yanzhengma").val() || '';
var url ="Ajax请求接口";
    var str_name = $$(".username").val().trim() || '';
    // alert(str_name);
    var data  = {
              phoneNum:str_name
    };
    // alert(str_ver);
     $$.ajax({            //Ajax请求开始
          url: url,
          type: 'post',
          dataType: 'JSON',
          data: data,
          success: function(res) {   //Ajax请求发送成功后就开始到时计算时间
          // 注册页面获取验证码定时器
              var _this = $$('.huoqu');
              var count = 60;                                //@1、定义一个秒数
              var keng = setInterval(kengNo,1000);    //@2、写一个函数 函数里有个方法  每秒执行
              function kengNo(){
                  _this.attr("disabled",true).val(count+"秒后重试");   //@3、点击之后禁止button按钮,修改value值
                  // $('.but');    
                  if(count == 0){                        //@4、当5秒减完   判断
                      _this.val("请获取验证码").removeAttr("disabled");   //@5、清楚禁止属性 ,重置value值
                      clearInterval(keng);                            //@6、清除函数
                  }
                  count--;//@每次执行这个方法将会减1
              }
              // console.log(res);
             /* if (res.status == 1) {
                alert("666");
              }else{
                alert("注册失败")
              }*/

          },
          error: function(err) {
            console.log(err);
          }
      });

  });
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值