首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >纯JavaScript/jQuery/HTML captcha

纯JavaScript/jQuery/HTML captcha
EN

Stack Overflow用户
提问于 2010-09-01 09:35:36
回答 7查看 34.5K关注 0票数 3

有没有人给我发来一个链接,或者给我提供一个纯Javascript/jQuery captcha的例子。因为我可以在PHP/C#中看到很多例子...后端。但我只需要Javascript。

谢谢!!

EN

回答 7

Stack Overflow用户

发布于 2010-09-01 09:44:44

我认为这不是一个好主意,因为如果在客户端(js)中进行验证,某人可以编写一个脚本来读取正确的答案。

编辑

无论如何,如果你想要一个无用的验证码,你可以试试这个:

请参见jsfiddle中的。

HTML

代码语言:javascript
运行
复制
Pseudo-Human check.

<br/>How much is: <input type="text" id="a"/>
<br/>Answer:<input type="text" id="b"/>

<br/>
<input type="button" id="c" value="Go!"/>

JS

代码语言:javascript
运行
复制
$(document).ready(function() {
    var n1 = Math.round(Math.random() * 10 + 1);
    var n2 = Math.round(Math.random() * 10 + 1);
    $("#a").val(n1 + " + " + n2);
    $("#c").click(function() {
        if (eval($("#a").val()) == $("#b").val()) {
            alert("Ok! You are human!");
        } else {
            alert("error");
        }
    });
});

编辑2个

我的“验证码”黑客:

代码语言:javascript
运行
复制
// captcha hack
$(document).ready(function() {
     $("#b").val(eval($("#a").val()));
});

请参见jsfiddle中的。

票数 12
EN

Stack Overflow用户

发布于 2010-09-01 09:44:29

这没道理..。如果没有后端检查,验证码是无用的。机器人也不会使用javascript。你所要做的就是惹恼你的用户。

票数 3
EN

Stack Overflow用户

发布于 2015-02-14 19:27:39

查看:http://www.google.com/recaptcha/intro/

演示:http://www.google.com/recaptcha/api2/demohttp://www.finalwebsites.com/demos/custom-captcha-image-script/

===========================IN SHORT====================

将代码片段添加到页面,以便出现验证码:

代码语言:javascript
运行
复制
<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha" data-sitekey="YOUR_KEY_1"></div>

只要用户完成质询,就会使用值填充名为g-recaptcha- textArea的响应,您将收集该值并发送以下请求来验证该值:https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_2&response=TOKEN&remoteip=IPADDRESS

使用js获取IP可能很麻烦:http://www.ipify.org/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3614467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档