纯JavaScript / jQuery / HTMLvalidation码

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

谢谢 !!

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


编辑

无论如何,如果你想要一个无用的validation码,你可以玩这个:

请参阅jsfiddle 。

HTML

Pseudo-Human check. 
How much is:
Answer:

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

我的“validation码”黑客:

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

请参阅jsfiddle 。

这没有意义……如果没有后端检查,validation码就没用了。 无论如何,机器人不使用javascript。 你所要完成的只是惹恼你的用户。

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

在此演示: http : //www.google.com/recaptcha/api2/demo或http://www.finalwebsites.com/demos/custom-captcha-image-script/

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

将代码段添加到页面以进行validation码:

  

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

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

http://photocaptcha.cu.cc

这将包括一个脚本,但如果你没有validation答案,它没有多大意义;)

你好AlexC你可以在客户端validation你的谷歌recaptcha也100%工作 ,我validation你的谷歌recaptcha只是看到下面的代码
这个代码在html主体:

  

这段代码放在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; } } 

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

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

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