純JavaScript/jQuery/HTML驗證碼

Question

有人可以給我一個鏈接，或爲我提供一個純JavaScript/jQuery驗證碼的例子。因爲我可以看到很多PHP/C＃的例子......後端。但我只需要Javascript。

謝謝！

Answer 1

這沒有道理......沒有後端檢查，captcha是無用的。無論如何，機器人不會使用JavaScript。你所要做的就是惹惱你的用戶。

Answer 2

我認爲這不是一個好主意，因爲如果在客戶端（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 3

你想添加驗證碼只是因爲它聽起來令人討厭？ 除非真的需要，否則不要使用它。

Answer 4

有一個關於jQuery的教程，其中包含位於此處的驗證碼。 http://www.tutorialcadet.com/jquery-advanced-ajax-validation-with-captcha/

Answer 5

我正在處理另一個驗證碼。如果您只使用客戶端部分，那麼假設您只想在瀏覽器中顯示某些內容，就會得到您想要的內容。這不完全純JavaScript，因爲它仍然使用API​​來獲取的圖片，看起來不夠冷靜：d

http://photocaptcha.cu.cc

這將涉及到包括在你身邊一個腳本，但它並沒有多大多大意義如果你沒有驗證答案;）

Answer 6

我寫了一篇關於使用PHP和jQuery進行簡單的數學驗證碼的教程，所以它可以在啓用或不啓用Javascript的情況下工作。這應該很容易集成到您自己的腳本中，或者您可以按原樣使用它。您可以下載該項目，提取zip文件，並且它可以直接使用。希望這個對你有幫助。

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

Answer 7

退房製作一個簡單的數學驗證碼： 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/

Answer 8

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