博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 前端实现手机验证码
阅读量:6700 次
发布时间:2019-06-25

本文共 1031 字,大约阅读时间需要 3 分钟。

html

 

js代码

var code = ""; //接收验证码   $('#code-btn').click(function(){  var count = 5;    var phone=$("#phone").val();//手机号码      var reg_phone = /1\d{10}/;    if(!reg_phone.test(phone)){   //验证手机是否符合格式        alert("填写手机号");        return false;    }     //开始计时      $("#code-btn").attr('disabled','disabled');      $("#code-btn").html("倒计时" + count + "秒");      var timer = setInterval(function(){        count--;      $("#code-btn").html("倒计时" + count + "秒");       if (count==0) {        clearInterval(timer);        $("#code-btn").attr("disabled",false);//启用按钮          $("#code-btn").html("重新发送验证码");        code = "";//清除验证码。如果不清除,过时间后,输入收到的验证码依然有效       }    },1000);    //向后台发送处理数据      $.ajax({          type: "POST", //用POST方式传输          dataType: "text", //数据格式:JSON          url: '', //目标地址          data: "phone=" + phone + "&code=" + code,          error: function (XMLHttpRequest, textStatus, errorThrown) { },          success: function (msg){ }      });});

 

转载于:https://www.cnblogs.com/qiye2016/p/7998735.html

你可能感兴趣的文章
Nginx 启动报错 “/var/run/nginx/nginx.pid" failed”
查看>>
加载样式js
查看>>
递归实现进制转换(C++版)
查看>>
067:【Django数据库】ORM查询条件详解-range
查看>>
浪潮之巅读后感
查看>>
程序员技术练级攻略
查看>>
kubernetes系列10—存储卷详解
查看>>
VirtualBox 虚拟机的网络设置
查看>>
Excel操作
查看>>
[转]numpy中的np.max 与 np.maximum区别
查看>>
进程(并发,并行) join start 进程池 (同步异步)
查看>>
前端之JavaScript 02
查看>>
当导用模块与包的import与from的问题(模块与包的调用)
查看>>
PLSQL安装配置
查看>>
ios 开发日记 21 -自动处理键盘事件的第三方库:IQKeyboardManager
查看>>
从最大似然到EM算法浅解(转载)
查看>>
sublime_text快捷键
查看>>
算法:输入一个链表,输出该链表中倒数第k个结点。
查看>>
指针版 单链表复习
查看>>
浏览器模拟用户登陆
查看>>