html:

<input type="text" class="codeText" id="txtverifycode" /> <button id="btn1" class="btn code" onclick="GetVerifycode(); " >获取验证码
                    </button>
jquery:
 <script type="text/javascript">

var iTime = 60;
 //获取验证码
        function GetVerifycode() {
            var t;
            if (iTime == 60) {
                telphone = $("#txttelphone").val();
                // var isMobile = /^(?:13\d|15\d|18\d)\d{5}(\d{3}|\*{3})$/;
                // if (!isMobile.test(telphone)) {
                if (!(/^1[3|4|5|7|8]\d{9}$/.test(telphone))) {
                    alert("手机号码格式不正确!");
                    $("#txttelphone").focus();
                    return false;
                }
                $.ajax({
                    type: "GET",
                    url: "http://www.aosmith.com.cn/webService/Getverifycode.ashx?jsoncallback=?",
                    dataType: "jsonp",
                    jsonp: "jsoncallback",
                    data: {
                        "telphnoe": telphone
                    },
                    success: function (data) {
                        if (data.result == "0") {
                            reply_time = data.reply_time;
                            verifycode = data.verifycode;
                        }
                        else {
                            alert("获取失败!");
                            $(".GetCode-active").show();
                            $(".sharebg-active").show();
                            // alert(data.result);
                        }
                    }
                });
            }
            
            $("#btn1").attr("disabled", true);  //页面加载后禁用按钮
            iTime = iTime - 1;
            $("#btn1").html('验证码发送中(' + iTime + ')');
            t = setTimeout('GetVerifycode()', 1000); //1秒后启用             if (iTime == 0) {
                clearTimeout(t);
                iTime =60;
                $("#btn1").val('重新发送验证码');
                $("#btn1").attr("disabled", false); //页面加载后禁用按钮             }
        };

</script>

 

jquery 手机获取验证码计时的更多相关文章

  1. Android Demo手机获取验证码

    注册很多app或者网络账户的时候,经常需要手机获取验证码,来完成注册,那时年少,只是觉得手机获取验证码这件事儿很好玩,并没有关心太多,她是如何实现的,以及她背后的故事到底是什么样子的,现在小编接手的这 ...

  2. PHP注册手机获取验证码代码

    php代码: <?php require dirname(__FILE__).'/include/common.inc.php';//这是在cms2008下面做的测试 header(" ...

  3. jQuery手机发送验证码倒计时代码

    <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <script type=&q ...

  4. ajax实现手机获取验证码

    <script type="text/javascript"> var InterValObj; //timer变量,控制时间 var count = 60; //间隔 ...

  5. jQuery实现的手机发送验证码倒计时效果代码分享

    这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需 ...

  6. 手机注册获取验证码的PHP代码

    php代码 <?php require dirname(__FILE__).'/include/common.inc.php';//这是在cms2008下面做的测试 header("c ...

  7. Jquery插件实现点击获取验证码后60秒内禁止重新获取

    通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取(防刷新)”的功能 先到官网(http://plugins.jquery.com/cookie/ )下载coo ...

  8. JQuery 获取验证码倒计时

    HTML代码: <button id="btn">点击获取验证码</button> Jquery:代码: $(document).ready(functio ...

  9. 点击倒计时60S获取验证码

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...

随机推荐

  1. python类的__slots__属性、__del__属性、上下文(__enter__和__exit__)、

    常规情况下,类的属性字典是共享的,而实例的字典是独立的.如果一个类的属性较少,但是拥有很多的实例,这些实例的属性字典会占用较多的内存空间.对这样的类来说,为了节省内存空间,可以使用__slots__类 ...

  2. Spring Boot 2 (五):Docker Compose + Spring Boot + Nginx + Mysql 实践

    Spring Boot 2 (五):Docker Compose + Spring Boot + Nginx + Mysql 实践 Spring Boot + Nginx + Mysql 是实际工作中 ...

  3. Spring Boot(十三):spring boot小技巧

    Spring Boot(十三):spring boot小技巧 一.初始化数据 我们在做测试的时候经常需要初始化导入一些数据,如何来处理呢?会有两种选择,一种是使用Jpa,另外一种是Spring JDB ...

  4. nginx动静态分离以及配置https(安全组强行切换以及导致的问题解决)

    公司原来的网络采用http/https同时支持的方式,http并不会强制自动跳转到https,最近要求强制切换,导致了一系列问题.趁今天测试完成了,整理如下: 1.要求HTTP自动跳转到HTTPS: ...

  5. 关于er模型中的identifying relationship or non-identifying relationship

    最近,主要负责项目管理和领域模型设计方面的工作,昨天在将UML类图转换为ER模型的时候,发现有identifying relationship or non-identifying relations ...

  6. linux删除指定创建时间文件(文件夹)脚本

    环境 解法 一个for循环 remove.sh #/bin/bash fileName=`ls --full-time | grep '2016' | awk {'print$9'}` for fil ...

  7. 使用注释来解决关于inline-block元素换行问题

    昨天群里有人问个问题:为什么button加了文字后,产生了对齐不一致的问题. 原因在于baseline的对齐问题. 然后就有人推荐了一篇文章:关于Vertical-Align你需要知道的事情 其中里面 ...

  8. 原生js封装的获取某一天是当年的第几周方法

    function getWeek(str){ //str格式为yyy-mm-dd //周日归到了本周 var d=new Date(str); var day=d.getDay(); var orig ...

  9. C++的STL之map自动排序特性

    #include <iostream> #include <map> using namespace std; int main() {方法一: map<int,int& ...

  10. topcoder srm 663 div1

    problem1 link 每次枚举$S$的两种变化,并判断新的串是否是$T$的子串.不是的话停止搜索. problem2 link 首先考慮增加1个面值为1的硬币后,$ways$数组有什么变化.设原 ...