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使用super()调用父类的方法

    如果要在子类中引用父类的方法,但是又需要添加一些子类所特有的内容,可通过类名.方法()和super()来调用父类的方法,再个性化子类的对应函数. 直接使用类名.方法()来调用时,还是需要传入self为 ...

  2. Zookeeper本地模式安装

    本地模式安装部署 1.安装前准备 (1)安装Jdk (2)拷贝Zookeeper安装包到Linux系统下 (3)解压到指定目录 tar -zxvf zookeeper-3.4.10.tar.gz -C ...

  3. linux 函数库使用

    程序函数库可分为3种类型:静态函 数库(static libraries).共享函数库(shared libraries)和动态加载函数库(dynamically loaded libraries) ...

  4. FFMPEG编译参数解析

    Standard options: 基本选项参数 --help 显示此帮助信息|print this message --log[=FILE|yes|no] 记录测试并输出到config.err文件| ...

  5. SaaS教父:我眼中最糟糕的9条SaaS建议(转)

    文章摘要:美国SaaS行业的教父级人物Jason Lemkin近日总结了在他眼里最糟糕的9条SaaS方面的建议,希望对SaaS行业的创业者有所启发. SaaS行业的创业者平时肯定会收到外界各种各样的建 ...

  6. 13: openpyxl 读写 xlsx文件

    1.1 openpyxl 基本使用 1.openpyxl 将xlsx读成json格式 #! /usr/bin/env python # -*- coding: utf-8 -*- # -*- codi ...

  7. mint-ui之Loadmore使用

    <template> <div class="page-loadmore"> <div class="page-loadmore-wrapp ...

  8. Vue父子组件生命周期

    转载自:https://blog.csdn.net/a8725585/article/details/79092505 vue父子组件钩子函数触发顺序 beforeMount后mounted前构造子组 ...

  9. bzoj 1419 Red is good - 动态规划 - 概率与期望

    Description 桌面上有R张红牌和B张黑牌,随机打乱顺序后放在桌面上,开始一张一张地翻牌,翻到红牌得到1美元,黑牌则付出1美元.可以随时停止翻牌,在最优策略下平均能得到多少钱. Input 一 ...

  10. CICD 基础

    代码测试覆盖率 最近在负责相关插件的集成,今天第一次接触到"代码覆盖率"这个概念,那么,就做些简单的笔记吧. 好文 如何提高一个研发团队的"代码速度"? 代碼覆 ...