JavaScript案例之使用验证码进行简单判断

源代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div id="checkCode"style="width: 150px;height: 50px;font-size: 30px;background-color: cadetblue;text-align: center;"></div><div><a href="" id="linkbt">看不清换一张</a></div><label for="inputCode">验证码：</label><input type="text" name="" id="inputCode"><span id="text_show"></span><div><input id="Button1" type="button" value="确定"></div><script>// 1.生成验证码// 6位数  0-9 a-f  随机生成6位 内容必须是0-9 a-f 字符串// 数组 下标 0、1、2……    从数组当中 随机下标 0-15位// 2.进行验证 点击确定时，进行对比window.onload = function() {var res = getCode();function getCode() {var arr = ['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','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 str = '';for (var i = 0; i < 6; i++) {var num = Math.round(Math.random() * (61 - 0) + 0);str += arr[num];}return str;}document.getElementById('checkCode').innerText = res;// 点击事件document.getElementById('linkbt').onclick = function() {document.getElementById('checkCode').innerText = getCode();}// 提交进行对比document.getElementById('Button1').onclick = function() {var code = document.getElementById('checkCode').innerText;var inputCode = document.getElementById('inputCode').value;if (code != inputCode) {alert('您输入的验证码不正确');document.getElementById('inputCode').value = '';return false;}else{alert('验证成功！');}}}</script></body>
</html>