如何使用JavaScript對驗證碼進行驗證？

我是新用戶界面設計。我已經創建驗證碼，請任何人給我一個想法，驗證Captcha使用JavaScript.Thanks提前。我在下面添加了我的代碼。如何使用JavaScript對驗證碼進行驗證？

代碼獲得新的驗證碼：

<html> 
<head> 
<script language="javascript" type="text/javascript"> 
function getCaptcha() { 
    var chars = "0Aa1Bb2Cc3Dd4Ee5Ff6Gg7Hh8Ii9Jj0Kk1Ll2Mm3Nn4Oo5Pp6Qq7Rr8Ss9Tt0Uu1Vv2Ww3Xx4Yy5Zz"; 
    var string_length = 5; 
    var captchastring = ''; 
    for (var i=0; i<string_length; i++) { 
     var rnum = Math.floor(Math.random() * chars.length); 
     captchastring += chars.substring(rnum,rnum+1); 
    } 
    document.getElementById("randomfield").innerHTML = captchastring; 
} 
</script> 
<style>

HTML代碼：

</head> 
<body onload="getCaptcha();"> 
<form name="randform"> 
<table style="border:1px solid #ecece4"> 
<tr><td colspan="2" align="center"><strong>Contact Us Form</strong></td></tr> 
<tr><td>Enter Captcha Code</td><td><input type="text" id="txtcode"/></td></tr> 
<tr> 
<td> 
</td> 
<td> 
<div id="captcha"> 
<div id="captcha_gen"> 
<label align="center" id="randomfield"></label> 
</div> 
</div><input type="button" value="Refresh" onClick="getCaptcha();"/></td></tr> 
<tr><td colspan="2" align="center"><input type="button" value="Submit"/></td></tr> 
</table> 
</form> 
</body> 
<html>

來源

2014-02-24 Vetri

唔...所以，如果你的計劃包括與在客戶端創建並存儲在一個字符串DOM，對於某人（非人類）通過閱讀DOM中的值來通過測試不是很容易嗎？ – reto

我只是嘗試使用Java腳本進行簡單驗證。 – Vetri

將'captchastring'存儲在全局範圍內，創建另一個獲取用戶輸入並將其與'captchastring'匹配的函數。但正如@reto所說，使用JS進行驗證碼與驗證碼的整個想法背道而馳。 – putvande

function validateCaptcha() 
{ 

    var chr = document.getElementById("tbxCaptcha").value; 
    var cap = document.getElementById("randomfield").innerHTML; 
    if (chr==cap) 
    { 
     return true; 
    } 
    else 
    { 
     alert ("Please enter valid verification code"); 
     return false; 
    } 
}

來源

2015-01-07 07:57:08

如何使用JavaScript對驗證碼進行驗證？

回答

相關問題