JS实现倒计时重发验证码

最新推荐文章于 2022-08-21 22:31:25 发布

Don't GouDie

最新推荐文章于 2022-08-21 22:31:25 发布

阅读量583

点赞数

分类专栏：网页前端文章标签： JS倒计时发送验证码倒计时重发验证码

本文链接：https://blog.csdn.net/MAO_TOU/article/details/97918053

版权

本文介绍了如何使用JavaScript在网页上实现发送验证码功能，并在倒计时结束后允许用户重新发送验证码。主要涉及HTML结构设计和JS函数get_sms_code()的实现。

摘要由CSDN通过智能技术生成

JS实现倒计时重发验证码

采用JS实现网页中发送验证码,后续倒计时结束可以重新发送功能

html网页代码
一个输入框(用于输入验证码), 一个超链接(用于点击发送验证码)
函数 get_sms_code() 实现倒计时以及发送验证码功能

<input type="text" id="verification_code" value="">
<a id="send_button" onclick="get_sms_code()">发送</a>

JS函数代码

// 标识验证码是否已经发送
var send_flag = false;
// 获取登录验证码
function get_sms_code() {
	// 获取发送按钮对象
    send_button = document.getElementById("send_button");
    // 在此请求发送验证码接口
    $.ajax({
        url:'',
        async: false,
        type:"POST",
        data:{
		// 要传递的数据   
        },
        dataType:"json",
        success: function(data){
            if(data['code'] != "0") {
                alert(data['msg']);
                return false;
            }
        },
        error: function()