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. 单元测试Mock框架Powermockito 【mockito1.X】

    <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> &l ...

  2. redhat6.4 gcc g++ rpm方式安装步骤

    centos源 包包自行下载 [root@localhost gcc]# rpm -ivh ppl-0.10.2-11.el6.x86_64.rpm warning: ppl-0.10.2-11.el ...

  3. matlab的三维绘图和四维绘图

    一.三维绘图1.曲线图plot3(X1,Y1,Z1,...):以默认线性属性绘制三维点集(X1,Y1,Z1)确定的曲线plot3(X1,Y1,Z1,LineSpec):以参数LineSpec确定的线性 ...

  4. IDEA安装与破解

    今天下午偶然在知乎上看到IDEA和eclipse的软件分析,所以装了一个IDEA,不过肯定是破解,不会购买激活码 IDEA官网:http://www.jetbrains.com/idea/ 安装教程: ...

  5. 利用Selenium自动化测试android wap页

    http://blogs.360.cn/360qtest/2014/04/01/%E5%88%A9%E7%94%A8selenium%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5% ...

  6. Linux 搭建 Jenkins

    环境准备 安装JDK 安装 JDK 之前写过一篇文章,本文就不具体讲了: Linux 安装 JDK 注意:Java版本不能是gcj,会导致Jenkins有问题,centos7搭建jenkins小记文章 ...

  7. How to resize slide dimensions without resizing any objects on the slide?

    IF you are competent to unzip the pptx file and modify the XML it can be done, the slide size will c ...

  8. Gtk 窗口,控件,设置(添加图片等)

    1.关于窗口   // 创建顶层窗体,后面有POPUP的 GtkWidget *main_window; main_window = gtk_window_new (GTK_WINDOW_TOPLEV ...

  9. js replace使用及正则表达式使用

    本文为博主原创,未经允许不得转载: js中replace方法与java中的replace方法相同,主要做替换. 表达式:stringObj.replace(rgExp, replaceText) 参数 ...

  10. 17秋 SDN课程 第五次上机作业

    17秋 SDN课程 第五次上机作业 Project:https://github.com/Wasdns/new_balance Slide is available at https://github ...