如何使用JavaScript对验证码进行验证？

Question

I am new to UI design. 我是UI设计的新手。 I have created Captcha, Please anyone give me an idea to validate Captcha using JavaScript.Thanks in advance. 我已经创建了验证码，请任何人给我一个使用JavaScript验证验证码的想法。 I have added my code below. 我在下面添加了我的代码。

Code for getting new Captcha: 获取新验证码的代码：

<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 Code: 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>

Answer 1

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

如何使用JavaScript对验证码进行验证？

问题描述

1 个解决方案

解决方案1
0 2015-01-07 07:57:08

如何使用JavaScript对验证码进行验证？

问题描述

1 个解决方案

解决方案1 0 2015-01-07 07:57:08

解决方案1
0 2015-01-07 07:57:08