Question

有人可以给我发一个链接，或者给我一个纯Javascript / jQuery验证码的例子。因为我可以在PHP / C＃后端看到很多例子。但我只需要Javascript。

谢谢！

Answer 1

我认为这不是一个好主意，因为如果在客户端（js）中进行验证，有人可以制作一个脚本来读取正确的答案。

修改

无论如何，如果你想要一个无用的验证码，你可以玩这个：

见jsfiddle。

<强> HTML

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

$(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 ：

我的“验证码”黑客：

// captcha hack $(document).ready(function() { $("#b").val(eval($("#a").val())); });

见jsfiddle。

Answer 2

这没有意义......如果没有后端检查，验证码就没用了。机器人不管怎么说都不使用javascript。你所要完成的只是惹恼你的用户。

Answer 3

退房： http://www.google.com/recaptcha/intro/

在这里演示： http://www.google.com/recaptcha/api2/demo 要么 http://www.finalwebsites.com/demos/custom-captcha-image-script/

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

将代码段添加到要发生验证码的页面：

＆＃13;

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha" data-sitekey="YOUR_KEY_1"></div>

＆＃13;

每当用户完成挑战时，会填充一个名为g-recaptcha-response且带有值的textArea，您将收集该值并发送以下请求以验证它： https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_2&response=TOKEN&remoteip=IPADDRESS

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

Answer 4

我正在研究另一种验证码。如果你只使用它的客户端部分，假设你想在浏览器中显示一些内容，那么你将拥有你想要的东西。它不是纯粹的javascript，因为它仍然使用api来获取图片，并且看起来很酷：D

http://photocaptcha.cu.cc

这会涉及到包含一个脚本，但如果您不验证答案则没有多大意义;）

Answer 5

这里有一个带有验证码的jQuery教程; http://www.tutorialcadet.com/jquery-advanced-ajax-validation-with-captcha/

Answer 6

您好AlexC，您可以在客户端验证您的google recaptcha 100％工作，以便我验证您的google recaptcha，请参阅下面的代码
这个代码在html正文：

 <div class="g-recaptcha" id="rcaptcha" style="margin-left: 90px;" data-sitekey="my_key"></div>
 <span id="captcha" style="margin-left:100px;color:red" />

此代码放在head部分调用get_action（this）方法表单按钮：

function get_action(form) {

    var v = grecaptcha.getResponse();
    if(v.length == 0)
    {
        document.getElementById('captcha').innerHTML="You can't leave Captcha Code empty";
        return false;
    }
    if(v.length != 0)
    {
        document.getElementById('captcha').innerHTML="Captcha completed";
        return true; 
    }
}

Answer 7

你想加入CAPTCHA只是因为它听起来很怪异吗？除非确实需要，否则不要使用它。

Answer 8

我写了一篇关于使用PHP和jQuery创建一个简单的数学验证码的教程，所以无论是否启用Javascript都可以使用它。这应该很容易集成到您自己的脚本中，或者您可以按原样使用它。您可以下载项目，解压缩zip文件，它开箱即用。我希望你觉得这很有用。

使用jQuery和PHP制作一个简单的Math Captcha http://www.sinawiwebdesign.com/blog/topics/programming/jquery-and-php-and-catcha-tutorial/

纯JavaScript / jQuery / HTML验证码

8 个答案: