javascript如何制作验证码-js教程-PHP中文网

javascript制作验证码的方法：【var code; window.onload = function creatCode() { code=""; var codeLength = 4; var checkCode = ...}】。

javascript如何制作验证码

本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。

使用javascript实现登录验证码功能，下面是具体的实现代码：

test.html


  

  
	验证码

checkCode.js

易优cms汽车车辆租赁源码1.7.2

由于疫情等原因大家都开始习惯了通过互联网上租车服务的信息多方面，且获取方式简便，不管是婚庆用车、旅游租车、还是短租等租车业务。越来越多租车企业都开始主动把租车业务推向给潜在需求客户，所以如何设计一个租车网站，以便在同行中脱颖而出就重要了，易优cms针对租车行业市场需求、目标客户、盈利模式等，进行策划、设计、制作，建设一个符合用户与搜索引擎需求的租车网站源码。网站首页

下载

立即学习“Java免费学习笔记（深入）”；

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("Empty Code!"); //则弹出请输入验证码  
	}         
	else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时  
		alert("Error Code"); //则弹出验证码输入错误  
		createCode();//刷新验证码  
		document.getElementById("input").value = "";//清空文本框  
	}         
	else { //输入正确时  
		alert("OK"); //弹出^-^  
	}             
}

点击的时候不会移动位置的代码：

看不清？

推荐学习：javascript视频教程