怎样用JavaScript实现验证码的验证
发布网友
发布时间:2022-04-22 08:45
我来回答
共2个回答
懂视网
时间:2022-05-12 12:48
验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现了这个功能。这个问题可以由计算机生成并评判,但是必须只有人类才能解答。由于计算机无法解答CAPTCHA的问题,所以回答出问题的用户就可以被认为是人类这篇文章主要为大家详细介绍了js随机验证码的实现代码,具体内容如下
验证码:
<html>
<head>
<title>纯字验证码</title>
<meta http-equiv='content-type' content='text/html;charset=utf-8'/>
<script type='text/javascript' src='jquery-1.7.2.js'></script>
<script type='text/javascript'>
var code ; //在全局定义验证码
function createCode(){
code = "";
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("code");
var random = new Array(0,1,2,3,4,5,6,7,8,9,'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');//随机数
for(var i = 0; i < codeLength; i++) {//循环操作
var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)
code += random[index];//根据索引取得随机数加到code上
}
checkCode.value = code;//把code值赋给验证码
}
//校验验证码
function validate(){
var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写
if(inputCode.length <= 0) { //若输入的验证码长度为0
alert("请输入验证码!"); //则弹出请输入验证码
}else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
alert("验证码输入错误!@_@"); //则弹出验证码输入错误
createCode();//刷新验证码
document.getElementById("input").value = "";//清空文本框
}else { //输入正确时
alert("合格!^-^");
}
}
</script>
<style type='text/css'>
#code{
font-family:Arial,宋体;
font-style:italic;
color:green;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
</style>
</head>
<body onload='createCode()'>
<p>验证码:
<input type = "text" id = "input"/>
<input type="button" id="code" onclick="createCode()" style="width:60px" title='点击更换验证码' />
<input type = "button" value = "验证" onclick = "validate()"/>
</p>
</body>
</html>
热心网友
时间:2022-05-12 09:56
用JavaScript实现验证码的验证主要代码如下:
var code ; //在全局定义验证码
//产生验证码
window.onload = function createCode(){
code = "";
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("code");
var random = new Array(0,1,2,3,4,5,6,7,8,9,'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');//随机数
for(var i = 0; i < codeLength; i++) {//循环操作
var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)
code += random[index];//根据索引取得随机数加到code上
}
checkCode.value = code;//把code值赋给验证码
}
//校验验证码
function validate(){
var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写
if(inputCode.length <= 0) { //若输入的验证码长度为0
alert("请输入验证码!"); //则弹出请输入验证码
}
else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
alert("验证码输入错误!@_@"); //则弹出验证码输入错误
createCode();//刷新验证码
document.getElementById("input").value = "";//清空文本框
}
else { //输入正确时
alert("^-^"); //弹出^-^
}
}
怎样用JavaScript实现验证码的验证
function validate(){ var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写 if(inputCode.length <= 0) { //若输入的验证码长度为0 alert("请输入验证码!"); //则弹出请输入验证码 } else if(inputCode != code ) { //若输入的验证...
怎么用javascript验证验证码是否输入正确?
可以在输入框INPUT失去焦点的事件中判断。在脚本中使用XMLHTTPRequest对象,向服务器发用户填入的码。服务器端使用ASP等生成验证码图片,并将直接的内容保存于Session对象中。当XMLHTTPRequest对象发了码之后,服务器端ASP等程序检查发的码和Session对象中保存的码是否匹配,并将结果发回XMLHTTPRequest对象。...
javascript如何验证session中的验证码?
1、js获取文本框的输入验证码。发送到后台的一个处理页面 2、处理页面接收js发送过来的值(参数)与seesion验证码对比。把对比结果输出(相当于返回结果了)3、js接收后台处理页面返回来的结果(真或假),从而给用户提示验证码是否正确。建议利用ajax比较方便。用Iframe实现也成。
如何使用javascript制作验证码?
使用方法:1. 将以下代码保存为img.asp 2. 在要显示位置插入 < Call Com_CreatValidCode(Request.QueryString("number"))Public Sub Com_CreatValidCode(pTel)'---禁止缓存 Response.Expires = 0 Response.AddHeader "Pragma","no-cache"Response.AddHeader "cache-ctrol","no-cache"Response.Cont...
php中用户输入的验证码怎样用javascript 代码进行判断 是否输入正确...
验证码一般都是在服务器随机产生,在html页面用ajax获取验证码来和用户输入的验证码进行比较 var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");} else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest();} } function ...
javascript表单验证码怎么写
function formCheck(){//表单验证 var userForm=document.forms.userForm;if(userForm.username.value==null||userForm.username.value.length<=0){ alert("用户名不能为空");return false;}else if(userForm.username.value.length<6||userForm.username.value.length>20){ alert("用户名必须为6-20...
JavaScript随机生成6位数的验证码,包含数字或大小写字母,并将验证码显...
给你提供个思路:创建一个6位的数组 循环数组,6次随机获取a-z,A-Z,0-9的字符和数字 将随机获取的字符和数字填入相对应数组下标之中 将数组的值拼接转换成字符串,填入文本框 谢谢采纳!
用JavaScript怎么设置验证码
type="button" value="换一张" onclick="JavaScript:validteCode()"/> function validteCode() { var codes = new Array(4); //用于存储随机验证码 var colors = new Array("Red","Green","Gray","
javascript中验证码如何以图片形式生成
我们一般是后端语言生成随机验证码的图片流,并记录当前生成的图片数值。前台就直接用img元素显示这个图片流,等用户提交后,就判断用户填写的验证码是否跟后台记录的图片数值相同,这个操作一般不需要javascript来处理。涉及到安全方面的东西,我们一般不用javascript来实现。
谁能帮忙修改JavaScript 生成验证码的代码?
Code.create();//创建或更新验证码 function validate(o){ var v = o.c.value;if(v.toUpperCase()==Code.value.toUpperCase()){ alert("验证码输入正确");Code.create();//创建更新验证码 return false;//return true;提交表单 }else{ alert("验证码输入错误");Code.create();//创建更新...