获取短信验证码js

本文介绍了一种使用JavaScript实现的手机验证短信发送功能。当用户点击发送按钮时,会检查手机号是否已填写,若未填写则提示并阻止操作;若已填写,则通过AJAX发送GET请求至服务器获取验证码,并根据响应进行相应的UI更新或错误提示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

$(".form-data").delegate(".send","click",function () {
         var phone = $("#tel").val();
         if (phone == "") {
             alert('请先填写手机号')
             $("#tel").css("background-color","#ff2f28");
             return false;
         }
         $(this).hide();
         $.ajax({
             url: "/sendsms",
             type: "get",
             dataType: 'json',
             data: {phone: phone },
             async: false,
             success: function (data) {
                 console.log(data)
                 if (data.status == 0) {
                     settime();
                 } else {
                     alert(data.msg)
                     settime();
                 }
             },
             error: function () {
                 alert('网络忙');
                 settime();
             }
         });
     })
     var countdown = 120;
     function settime() {
         if (countdown == 0) {
             $(".time").attr("class","time hide");
             $(".time").text("<em>120</em>s");
             $(".send").css('display','block');
             countdown = 120;
             return false;
         } else {
             $(".time").removeClass('hide');
             $(".time").text("重新发送("+ countdown +"s)");
             countdown--;
         }
         setTimeout(function () {
             settime();
         }, 1000);
     }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值