js实现获取短信验证码实例-js教程-PHP中文网

js实现获取短信验证码实例

小云云

发布： 2018-03-30 17:31:04

原创

4248人浏览过

本文主要和大家分享js实现获取短信验证码实例，主要以代码的形式和大家分享，希望能帮助到大家。

$(".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);
     }

登录后复制

相关推荐：

js获取短信验证码按钮倒计时代码

js实现短信验证码读秒功能

短视频去水印微信小程序

抖猫高清去水印微信小程序，源码为短视频去水印微信小程序全套源码，包含微信小程序端源码，服务端后台源码，支持某音、某手、某书、某站短视频平台去水印，提供全套的源码，实现功能包括：1、小程序登录授权、获取微信头像、获取微信用户2、首页包括：流量主已经对接、去水印连接解析、去水印操作指导、常见问题指引3、常用工具箱：包括视频镜头分割（可自定义时长分割）、智能分割（根据镜头自动分割）、视频混剪、模糊图片高