Javascript 如何使用html格式的java脚本创建文本验证码 名称 电子邮件 电话 评论 在下面写代码
这是我希望使用JavaScript在文本字段上方生成代码的表单代码。Javascript 如何使用html格式的java脚本创建文本验证码 名称 电子邮件 电话 评论 在下面写代码,javascript,html,Javascript,Html,这是我希望使用JavaScript在文本字段上方生成代码的表单代码。 <html> <body> <form action="Send_Contact_Us.php" method="post" onSubmit="return checkform(this);"> <label>Name</label> <input name="name" type="te
<html>
<body>
<form action="Send_Contact_Us.php" method="post" onSubmit="return checkform(this);">
<label>Name</label>
<input name="name" type="text" required="required" />
<label>Email</label>
<input name="mail" type="email" required="required" />
<label>Phone</label>
<input type="text" name="phone" pattern="[789][0-9]{9}" required="required" />
<label>Comments</label>
<textarea name="comment" rows="3" cols="20" required="required"></textarea>
<label for="code">Write code below <span id="txtCaptchaDiv" style="color:#F00"></span>
<!-- this is where the script will place the generated code -->
<br/>
<input type="hidden" id="txtCaptcha" />
</label>
<input type="text" name="txtInput" id="txtInput" size="30" onfocus="validatePass(document.getElementById('txtCaptcha'), this);" oninput="validatePass(document.getElementById('txtCaptcha'), this);" />
<input type="submit" />
</form>
</body>
</html>
函数Captcha(){
新阵列的入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入U’、‘V’、‘W’、‘X’、‘Y’、‘Z’;
var i;
对于(i=0;i
函数Captcha(){
新阵列的入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入U’、‘V’、‘W’、‘X’、‘Y’、‘Z’;
var i;
对于(i=0;i大多数启用javascript的验证码对于机器人来说都是容易通过的。因此,它们不能用于使用验证码的目的
我建议使用功能强大的Google reCAPTCHA:
大多数支持javascript的验证码对于机器人来说都很容易通过。因此,它们不能用于使用验证码的目的
我建议使用功能强大的Google reCAPTCHA:
请不要使用另一个文本验证码,它们有时很难评估。使用替代解决方案:请提供您试图达到预期结果的示例。StackOverflow不是一个您可以要求提供产品的网站。但是,您可以请求帮助解决问题。如果您生成验证码客户端,则客户端必须现在,答案是什么?这就违背了验证码的目的!请不要使用另一个文本验证码,它们有时是如此的复杂和困难。使用替代解决方案:请提供您试图达到预期结果的示例。StackOverflow不是一个您可以要求产品的网站。但是,您可以请求帮助解决问题。如果生成验证码客户端,那么客户端必须知道答案是什么,这就违背了获得验证码的目的!感谢这是真正的帮助完整www.shivit.com注意,纯客户端努力消除服务器端验证码验证解决方案提供的安全性。感谢这是真正的帮助完整www.shivit.com纯客户端努力消除服务器端验证码验证解决方案提供的安全性。
<html>
<head>
<script type="text/javascript">
function Captcha(){
var alpha = new Array('A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');
var i;
for (i=0;i<6;i++){
var a = alpha[Math.floor(Math.random() * alpha.length)];
var b = alpha[Math.floor(Math.random() * alpha.length)];
var c = alpha[Math.floor(Math.random() * alpha.length)];
var d = alpha[Math.floor(Math.random() * alpha.length)];
var e = alpha[Math.floor(Math.random() * alpha.length)];
var f = alpha[Math.floor(Math.random() * alpha.length)];
var g = alpha[Math.floor(Math.random() * alpha.length)];
}
var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
document.getElementById("mainCaptcha").value = code
}
function ValidCaptcha(){
var string1 = removeSpaces(document.getElementById('mainCaptcha').value);
var string2 = removeSpaces(document.getElementById('txtInput').value);
if (string1 == string2){
return true;
}
else{
return false;
}
}
function removeSpaces(string){
return string.split(' ').join('');
}
</script>
</head>
<body onload="Captcha();">
<table>
<tr>
<td>
Text Captcha<br />
</td>
</tr>
<tr>
<td>
<input type="text" id="mainCaptcha"/>
<input type="button" id="refresh" value="Refresh" onclick="Captcha();" />
</td>
</tr>
<tr>
<td>
<input type="text" id="txtInput"/>
</td>
</tr>
<tr>
<td>
<input id="Button1" type="button" value="Check" onclick="alert(ValidCaptcha());"/>
</td>
</tr>
</table>
</body>
</html>