验证码是否相等

最新推荐文章于 2021-03-26 19:28:17 发布
最新推荐文章于 2021-03-26 19:28:17 发布
阅读量519 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42603150/article/details/84062623
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .input-code {
            outline: none;
        }

    </style>
</head>
<body>


<div>
    <input type="text" class="input-code" placeholder="验证码">
    <span class="code"  title='点击切换'></span>

</div>

</body>
</html>

<script src="https://code.jquery.com/jquery-3.3.1.min.js "></script>
<script src="jquery.code.js"></script>
<script>
    $(function () {
        $('.code').createCode({
            len:4
        });
    });
    $('.input-code').blur(function () {
        if($(this).val().toLowerCase()!==$('.code').children('input').val().toLowerCase()){
            alert('验证码不正确')
        }else{
            alert('验证通过')
        }
    })
</script>



jQuery.code.js

 

 

/**
 * Created by duanhailin on 2018/06/21.
 */
;(function ($) {
    function createCode(dom, config) {
        var _this = this;
        _this.config = config
        _this.codeList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
        _this.color = ['#e3730f', '#2ae3e0', '#c317e3', '#0e935f','#e30d65', '#3c8b36', '#74675a', '#654321','#123345', '#135784', '#169b9a', '#02468a'];
        _this.bgColorList = ['#b1b1b1', '#e3d7cc', '#d0d9f9', '#f8f2d6'];
        _this.bgColor = '';
        _this.code = '';
        if (_this.config) {
            _this.codeLen = _this.config.len || 4;
        } else {
            _this.codeLen = 4;
        }
        var html = '';
        var deg = 0;
        for (i = 0; i < _this.codeLen; i++) {
            var index = Math.floor(Math.random() * _this.codeList.length);
            var idx = Math.floor(Math.random() * _this.color.length);
            var bgIdx = Math.floor(Math.random() * _this.bgColorList.length);
            if (index % 2 == 0) {
                deg = index + Math.floor(Math.random() * idx)
            } else {
                deg = -(index + Math.floor(Math.random() * idx))
            }
            html += '<span style="padding:0 2px;color:' + _this.color[idx] + ';display:inline-block;transform:rotate(' + deg + 'deg);">' + _this.codeList[index] + '</span>';
            _this.code += _this.codeList[index];
            _this.bgColor = _this.bgColorList[bgIdx]

        }
        html += '<input placeholder="" value="'+_this.code+'" type="hidden">';
        $(dom).css({
            width: _this.codeLen * 20 + 'px',
            padding: '1px',
            textAlign: 'center',
            display: 'inline-block',
            backgroundColor: _this.bgColor,
            cursor: "pointer",
            opacity: .6
        });
        $(dom).empty().append(html);
    }

    $.fn.createCode = function (cfg) {
        var _this = this;
        createCode(_this, cfg);
        $(_this).click(function () {
            createCode(_this, cfg);
        });
    }
})(jQuery);
郭豪杨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js 判断输入的验证码是否一致
weixin_30517001的博客
07-26 1398
实现效果： 判断输入的验证码是否一致 如果不同，alert出验证码输入有误~， 输入正确输出登录成功。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> ...
通过session来判断用户输入的验证码是否相等
u010632547的博客
03-15 1387
先来看一下界面效果 当点击登录时，服务器先判断用户输入的验证码是否相等，然后再判断用户名和密码是否相等。 login.jsp代码如下 <form action="/day16/loginServlet" method="post"> <table> <tr> <td...
javaWeb使用验证码实现简单登录
08-25
4. 如果验证码相等，服务器将允许登录并跳转到success.jsp页面，否则拒绝登录并跳转回login.jsp页面。 login.jsp页面的实现 login.jsp页面的代码如下所示： ```jsp *" pageEncoding="utf-8"%> String path = ...
php生成图片验证码-附五种验证码
12-30
这样在验证时就不需要使用$_SESSION传递验证码的值，直接用JS比较生成的字符串和输入的字符串是否相等即可。 本文以实例演示5种验证码，并介绍生成验证码的函数。PHP生成验证码的原理：通过GD库，生成一张带验证码的...
Ajax 验证用户输入的验证码是否与随机生成的一致
08-31
在本例中，其核心应用是验证用户输入的验证码是否与服务器随机生成的验证码一致，从而增强用户验证的安全性。以下是具体实现的详细步骤和相关知识点： 1. **验证码生成**： 后台Java代码中，通过`...
易语言验证码识别程序
08-21
验证码识别程序系统结构:分4分图片,测试,分成高16的4图2,分成高16的4图4,分成高16的4图1,分成高16的4图3,判断点数相等数,初始化点数, ======窗口程序集1 || ||------_按钮1_被单击 || ||------分
C#文字验证码.zip
11-17
C#文字验证码 用户输入的跟生成的做比对，如果相等则通过 不相等则不通过。
比较输入的内容是否与验证码相同
Cool_xiaocao的专栏
10-18 465
[size=small][code="c#"] 比较输入的内容是否与验证码相同 String..::.Equals 方法 (String, StringComparison) 确定此字符串是否与指定的 String 对象具有相同的值。参数指定区域性、大小写以及比较所用的排序规则 string code = TextBox1.Text; //输入的验证码 string validat...
js生成验证码并验证 .
宏轩ＪＡＶＡ技术专栏
10-12 2188
html>      head>          title>验证码title>          style type="text/css">              .code              {                  font-family:Arial;                  font-style:italic;                  fon
html5 php手机验证码,html5使用canva实现验证码效果（代码实例）
weixin_42469546的博客
03-26 361
通常我们在登录界面上都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。一般情况下验证码都是用PHP和java等后端语言编写；其实，验证码也可以用前端技术实现：用canva或者SVG绘制验证码。本章给大家介绍html5使用canva绘制验证码(代码实例)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。canvas验证码展示效果：点击实...
[JavaScript]使用JavaScript+CSS实现注册页面中检验两次密码输入是否相同
thewebcode
02-16 1815
经常会遇到这样的需求，在用户注册账户的时候检测用户输入是否合法，其中最简单的就是检验两次密码输入是否相同，如果调用后台检测太过麻烦，下面给出前台使用JavaScript检测两次输入是否相同的基本代码，并用CSS控制排版。 页面中的JS脚本如下： function check(){ if(document.getElementById("password").value!= docum...
php判断输入,PHP中判断输入验证码是否一致
weixin_32001071的博客
03-11 582
首先用session将随机生成的验证码的值传到页面，然后获取当前文本框中输入的值 进行对比；代码如下：生成的随机数，把它传到session里面session_start(); 必须要先打开session开关。$s = array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u...
如何实现验证码输入正确与否的判断？
知码的世界
04-27 5617
我们网站建设后要涉及到是否被攻击的可能性。   因此我们会采用验证码的方式来进行一定程度上的阻断，那么我们生成了验证码，怎么样来进行判断客户的验证码输入正确与否呢？   今天我们就来与大家分享一段代码，这段代码是进行用户输入验证码正确与否的判断，判断方式应该很简单，我们也为您列举出来了，具体请看我们给您的代码。 package com.fk.util;   import java
php 如何验证验证码是否正确
最新发布
05-30
2. 然后，将用户提交的验证码值和正确的验证码值进行比较，判断两者是否相等。 3. 如果验证码值相等，则表示用户输入的验证码正确；否则，表示用户输入的验证码错误。 下面是一个 PHP 代码示例，用于验证用户输入的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值