纯JavaScript/jQuery/HTML验证码

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

谢谢！

来源

2010-09-01 AlexC

除非您计划在服务器端@Topera使用JavaScript是正确的，因为，这将是很容易避免的。 – 2011-01-10 06:10:59

这没有道理......没有后端检查，captcha是无用的。无论如何，机器人不会使用JavaScript。你所要做的就是惹恼你的用户。

来源

2010-09-01 01:44:28 DGM

我认为这不是一个好主意，因为如果在客户端（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!"/>

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

来源

2010-09-01 01:44:44 Topera

是的，它是一个chaptcha :) ..但是对于更多的细节，我需要使这个capcha像标准一样，就像一些字母数字，有一些背景。我知道这是除非，但我只需要证明这个验证码存在，看起来像一个真正的验证码:) 谢谢 – AlexC 2010-09-01 02:27:29

-2

你想添加验证码只是因为它听起来令人讨厌？除非真的需要，否则不要使用它。

来源

2010-09-01 03:28:26

有一个关于jQuery的教程，其中包含位于此处的验证码。 http://www.tutorialcadet.com/jquery-advanced-ajax-validation-with-captcha/

来源

2011-01-10 06:03:52 cocacola09

我正在处理另一个验证码。如果您只使用客户端部分，那么假设您只想在浏览器中显示某些内容，就会得到您想要的内容。这不完全纯JavaScript，因为它仍然使用API来获取的图片，看起来不够冷静：d

http://photocaptcha.cu.cc

这将涉及到包括在你身边一个脚本，但它并没有多大多大意义如果你没有验证答案;）

来源

2012-09-29 21:40:27 patryk

-2

我写了一篇关于使用PHP和jQuery进行简单的数学验证码的教程，所以它可以在启用或不启用Javascript的情况下工作。这应该很容易集成到您自己的脚本中，或者您可以按原样使用它。您可以下载该项目，提取zip文件，并且它可以直接使用。希望这个对你有帮助。

同时使用jQuery和PHP http://www.sinawiwebdesign.com/blog/topics/programming/jquery-and-php-and-catcha-tutorial/

来源

2013-04-17 22:14:34 Laith

这很容易破解，你不使用加密...一个简单的'captcha hack'就像[Topera] （http://stackoverflow.com/users/411247/topera）提及将绕过这一点，并提交表单使用机器人......女巫是我们试图完成，不是？ - > http://jsbin.com/ohapen/1/ – balexandre 2013-05-28 14:49:10

他特意要求javascript中的东西！ – MultiformeIngegno 2014-08-31 17:55:41

退房制作一个简单的数学验证码： http://www.google.com/recaptcha/intro/

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

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

的代码片段添加到页面的验证码出现：

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

每当用户完成的挑战，一个文本区域命名为值g-reCAPTCHA的响应填充，你会收集值和发送请求下面对其进行验证： https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_2&response=TOKEN&remoteip=IPADDRESS

获取使用JS可以是麻烦的IP： http://www.ipify.org/

来源

2015-02-14 11:27:39 HoaPhan

为我完美工作，感谢您的链接！ – 2015-07-17 07:38:43

嗨AlexC你可以在客户端验证谷歌验证码也100％的工作我以验证您的谷歌的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" />

此代码在放呼叫get_action（本）方法表单按钮头部分：

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; 
    } 
}

来源

2015-05-05 14:37:44

纯JavaScript/jQuery/HTML验证码

回答

相关问题