jquery 倒计时 60秒 短信 验证码 js ajax 获取

$(function () {

    var wait=60;
    function time( o ){

        if (wait == 0) {
            o.toggleClass(‘bg-lv‘);
            o.removeAttr("disabled");
            o.val("获取验证码");
            wait = 60;

        } else {
            o.removeClass(‘bg-lv‘);
            o.attr("disabled",true);
            o.val("重新发送(" + wait + ")");
            wait--;
            setTimeout(function() {
            time(o);
            }, 1000)
        }
    }

    $("#getCode").click(function(){

        var formData = $(‘#form‘).serialize();
        $.ajax({
            url:"{:url(‘login/index‘)}",
            data:formData,
            dataType:"json",
            type:"post",
            success:function(r){
                if(r.check==1){
                    time($("#getCode"));
                    alert(r.msg);
                }else{
                    alert(r.msg);
                }
            }
        })
        return false;
    });  

});  

原文地址:https://www.cnblogs.com/shaoing/p/8706426.html

时间: 2024-10-12 12:39:35

jquery 倒计时 60秒 短信 验证码 js ajax 获取的相关文章

android发送短信验证码并自动获取验证码填充文本框

android注册发送短信验证码并自动获取短信,截取数字验证码填充文本框. 一.接入短信平台 首先需要选择短信平台接入,这里使用的是榛子云短信平台(http://smsow.zhenzikj.com), 两分钟申请测试账号,赠送了100条测试短信. android使用java的jar包即可开发 jar下载: http://smsow.zhenzikj.com/doc/sdk.html API文档:http://smsow.zhenzikj.com/doc/java_sdk_doc.html 使用

短信验证码js实现

短信验证码实现 我们在使用移动.电信等运营商网上营业厅的时候,为确保业务的完整和正确性,经常会需要用到短信的验证码.最近因为某省业务需要,也做了个类似的功能. 原理很简单,就是在用户点击"获取验证码"的时候,Ajax获取一串固定位数的数字,然后写数据库发短信,写Cookie设置验证码的有效期. JS请求验证码如下: $.ajax({ type: "GET", url: "../Ajax/smsrandcodetest.ashx?phone=" +

这是一个简单的前台短信验证码功能 ajax实现异步处理 (发送和校验)

<script type="text/javascript"> var InterValObj; //timer变量,控制时间 var count = 60;//间隔函数,1秒执行 var curCount;//当前剩余秒数 function sendMessage() { curCount = count; // 设置button效果,开始计时 document.getElementById("btnSendCode").setAttribute(&q

获取短信验证码 js效果

var countdown = 60; //计时,默认为60秒发送一次 //$(".cell_btn") 为发送验证码按钮 function settime() { if (countdown == 0) { //60秒结束就把按钮打开吧. $(".cell-btn").css("background-color", "#fff");//改变背景颜色 $(".cell-btn").attr("di

短信验证码js

var isSmsSend = false; function clickButtona(obj){ var obj = $(obj); var mobile=$("input[name=mobile]").val(); var URL1 = "{:url('member/index/getcode')}"; if(isSmsSend == false){ isSmsSend = true; $.ajax({ url: URL1, type: 'post', dat

atitit.短信&#160;验证码&#160;&#160;破解&#160;&#160;v3&#160;p34&#160;&#160;识别&#160;绕过&#160;系统方案规划----业务相关方案&#160;手机验证码&#160;&#160;.doc

atitit.短信 验证码  破解  v3 p34  识别 绕过 系统方案规划----业务相关方案 手机验证码  .doc 1. 手机短信验证码 vs 图片验证码 安全性(破解成本)确实要高一些1 1.1. 破解基本原则有两种,一种是绕过验证码.一种是拦截1 2. 手机 短信 验证码的 破解 拦截 方式分类2 2.1. 按照源头破解拦截分为源头拦截,中间拦截,,终端拦截...2 2.2. 按照是否软硬件可分类为 纯软件方案与软硬件结合方案2 3. 具体的方法如下2 3.1. 后台服务器漏洞绕过法

Atitit. 破解 &#160;拦截 绕过 网站 手机 短信 验证码 &#160;方式 v2 attilax 总结

Atitit. 破解  拦截 绕过 网站 手机 短信 验证码  方式 v2 attilax 总结 1. 验证码的前世今生11.1. 第一代验证码 图片验证码11.2. 第二代验证码  用户操作 ,比如要求拖动等21.3. 第三代验证码 手机验证码 短信验证码22. 短信验证码的原理23. 常用破解法23.1. 漏洞绕过法23.2. 手机 软件转发法23.3. 手机api法33.4. 默认万能密码法 测试维护万能验证码33.5. 网站服务器短信发出截获33.6. 配置文件法33.7. 前端源码截获

js 发送短信验证码倒计时

html <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> js // 短信验证码倒计时var countdown=60;function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value=&

JS——实现短信验证码的倒计时功能(没有验证码,只有倒计时)

1.功能描述 当用户想要获取验证码时,就点击 免费获取验证码 ,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发送. 2.分析 必须用到定时器.按钮点击后,在定时器内做出判断.倒计时60秒,到0结束. 3.代码实现: 重点介绍:定时器在进行下一次倒计时之前,一定要清除一下,这样的话保证下一次定时器倒计时是正常的. <!DOCTYPE html> <html> <head> <meta charset="U