手机验证码校验

最新推荐文章于 2024-03-22 14:41:29 发布
最新推荐文章于 2024-03-22 14:41:29 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： 前端校验 文章标签： 校验 验证码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaobudaics/article/details/51437093
版权
 <html>
 <title>用jqueryValidate进行校验</title>
 <body>
 <div>
 <input id="mobile" name="mobile" type="text" class="required mobile" placeholder="请输入手机号" /><span style="color: red">*</span>
 </div>
  <div>
 <input id="verificationModule" name="verificationModule" type="text" placeholder="请输入手机6位校验码" class="required" />
 <input type="button" value="获取短信验证码"  class="btn btn-primary" id="btn_Getcode" onClick="getValidateCode(true)" />
 <input id="result" name="result" type="hidden" class="required"/>
 </div>
 <div><input name="zhuce" type="submit" value="注册"/></div>
 </body>
  <script type="text/javascript">
        var send = false;
        $("#verificationModule").focus(function(){ $("#sendCode").text("");});
        $("#verificationModule").on('keyup',function(){//根据长度判断请求发送
          var a = this.value.length;
        if(a==6){
          var mobile = $("#mobile").val();
          var verificationModule = $("#verificationModule").val().trim();
          if(verificationModule == ""){
            if(send==false){
              var mobile = $("#mobile").val();
              if(mobile.length<11){
                $("#mobile").focus();
                return;
              }
              $("#btn_Getcode").focus();
            }else{ alert("请填写验证码");}
            return;
          }
          $("#sendCode").text("");
          if(verificationModule != ""){//当result为success时说明验证码正确
            $.get("/a/checkSMSCode?mobile="+mobile+"&code="+verificationModule,function(data){//根据手机号和验证码进行校验
              if(data=="1"){
                $("#result").val("success");
              }else if(data=="2"){
                $("#result").val("failure");
              }});
          }
         }
        })
          function codeTimer(){
            var time = parseInt(60);
            var remainder = window.setInterval(function(){
              $("#btn_Getcode").attr("disabled",true);
              if(time>0){
                $("#btn_Getcode").val(""+time+"秒后可重新获取验证码");
              }else{
                $("#btn_Getcode").attr("disabled",false);
                $("#btn_Getcode").val("获取验证码");
                clearInterval(remainder);
              }
              time--;
            },1000);
          }


          function getValidateCode(send){
            send =true;
            var mobile = $("#mobile").val();
            if(mobile.length<11){
              alert请输入手机号!");
              $("#mobile").focus();
              return;
            }
            $("#sendCode").text("");
            codeTimer();
            var mobile = $("#mobile").val();
            $.get('a/sendSMSCode?mobile='+mobile, function (data) {
              alert(data);
              $("#verificationModule").focus();
            });
          }
      </script>
 </html>
xiaobudaics
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layUI的验证码功能及校验实例
01-21
下面代码是canvas验证码及校验。稍微修改及可用。 我嵌套到项目里的效果如图： <!DOCTYPE html> <html> <!-- head --> <head> <meta charset=utf-8> <title>图片登录验证</...
手机验证码设计表
10-18
包括发送手机验证码，有效时间，验证有效性以及每个手机号的总发送次数。
SpringBoot SpringBoot 开发实用篇 5 整合第三方技术 5.4 手机验证码案例 - 验证码校验
谢谢你们的关注
11-21 335
SpringBoot SpringBoot 开发实用篇 5 整合第三方技术 5.4 手机验证码案例 - 验证码校验
手机短信验证码验证
郑敏
05-23 2310
主要适用于android初级开发者学习用，主要使用第三方短信服务器验证，返回服务器返回成功或者失败消息！
引入短信服务发送手机验证码进行安全校验
观止study
02-15 1213
最近想给自己的项目在注册时加点安全校验，准备使用免费的邮箱验证来着，在上一篇引入QQ邮箱进行安全校验时，看有朋友说阿里云会送一些短信服务免费额度，于是去官网一看，果然送了100条额度，因此在此写一篇使用流程与邮箱验证作为不同解决方案。
验证码校验
Jopa_Detour的博客
07-24 860
import java.util.Random; import java.util.Scanner; public class ValidateDemo {     static String pool = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";     /**      * 生成指定位数的验证码   ...
Springboot 验证码生成和校验，图片格式和base64编码串
默默不代表沉默
09-25 6422
开始敲代码前，先简单介绍下大致的想法实现： 生成验证码： 提供一个接口，这个接口里，我们将生成的验证码存入session，然后将验证码以图片格式或者base64编码串返回给调用端。 校验验证码： 提供一个接口，这个接口里，我们收到调用端传过来的校验码，然后从session取出验证码，两个验证码都全部转小写，进行无大小写区分匹配校验，返回true/flase 。存储验证码： 生成的验证码，在未...
js实现登录注册框手机号和验证码校验（前端部分）
11-28
本文将详细探讨如何使用JavaScript实现登录注册框中手机号...在实际应用中，还可以根据业务需求扩展此功能，例如添加对手机号格式的更严格校验、实现与服务器的交互以发送和验证验证码，以及优化用户体验如实时校验等。
spring-gateway实现登录验证码校验的代码，百分百可用
06-23
在本项目中，我们将探讨如何在 Spring Gateway 中实现登录时的验证码校验功能，确保用户身份的安全性。 验证码是一种防止自动机器人或恶意软件进行非法操作的有效手段，它要求用户输入显示在图像中的随机字符序列。...
安全校验验证码并避免绕开验证码攻击
知码的世界
07-18 761
知码小编记不得在哪儿看见过，大家在一般情况下，对于验证码的校验都很容易写成下面这样：
验证码代码，验证码全套代码
06-02
验证码全套代码，图片样式参考：http://www.cnblogs.com/jianlun/articles/5553452.html jar包里包含JAVA代码，web.xml和JSP页面代码，功能包括自定义图片尺寸和验证码长度，每个字符随机偏移角度，字符平滑边缘，含干扰线、噪点和背景扭曲。
校验验证码 实现登录验证
dhydhy123456789的博客
11-26 1224
验证码处理 方式 1.手动处理 2.云打码平台自动识别验证码 实现流程： -1.对携带验证码的页面数据进行抓取 -2.可以将验证码图片进行解析，验证码图片下载到本地 -3.将验证码图片交给第三方进行识别，返回验证码图片上的值 -云打码平台 1.进行注册 注册普通用户和开发者用户 2.登录开...
动态生成验证码+验证码的校验
weixin_46038915的博客
10-26 677
动态验证码的生成
【JavaEE】随机验证码的生成与校验
Duson
08-22 5002
工具类VerifyCodeUtil package com.util; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.IOExcepti...
校验手机号和获取验证码
zjf_0812的博客
04-19 1946
public class CheckTelUseful { private Context context; public CheckTelUseful(Context context) { this.context = context; } /** * 校验手机号 * * @author zjf * @time 2017/4/13 9:19 */ public boolean
手机短信验证码实现
fairystepwgl 的专栏
08-31 1068
项目中通常会用到发送短信验证码，那么用户发送过后，应该会用一个UI上的变化，不然给人的感觉就是短信没有发送出去。最终导致用户一直在点，知道他收到第一条短信验证码。这样就会造成运营商自己资源的浪费，用户也会不停的收到验证码。鉴于以上去情况，先将处理方法记录在此，以备后查。 var InterValObj; //timer变量，控制时间 var count = 30; //间隔函数
鸿蒙中实现验证码校验的一种方式
最新发布
Abner_Crazy的博客
03-22 640
鸿蒙中一种实现验证码校验的方式
手机验证码注册
xinglin的java学习之路
01-27 4676
注册的时候使用手机号验证码登录，使用两个form表单，之前直接通过form里面再套接一个form表单，发现提交的时候会出现问题，后面通过学习了解到jsp的一个标签，&lt;jsp:include page=“需要显示的另一个页面地址”&gt;&lt;/jsp:include&gt;，这样就可以通过另一个页面的form表单提交手机号码然后进行处理 手机号验证需要先在一个短信平台上面注册一个账号，我选...
检查验证码的通用方法
WuHey的博客
09-27 429
前一篇例子讲到在发送验短信或者邮箱验证码的时候，生成验证码的同时在redis里面保存了一份，同时避免频繁发送验证码。 把验证码存到redis里面 检验验证码的时候就是检查前端传过来的code和redis里的code是否相等。 //Controller层 @ApiOperation(value = "检查验证码(L)") @ApiImplicitParam(name = "param", value = "校验验证码参数", required = true, dataType = "CheckC
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值