JavaScript简单验证码

来源:互联网 发布:魔兽争霸windows语言 编辑:程序博客网 时间:2024/05/22 02:20
<!DOCTYPE html><html><head><title>Zzhjs1.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript">function getCodes() {var arr = [ "你", "*", "#", "9", "6" ];var codes = "";var num = 4;for ( var i = 1; i <= num; i++) {var m = Math.floor(Math.random() * arr.length);codes = codes + arr[m];}return codes;}//生成随机验证码var ma;function setCodes() {ma = getCodes();document.getElementById("div").innerHTML = ma;}//验证用于输入的验证码function checkCodes() {var codes = document.getElementById("txt").value;if (codes != ma) {alert("您输入的验证码不正确!");} else {alert("Succeed");}document.getElementById("txt").value = "";}</script></head><body onload="setCodes()">输入验证码:<input id="txt" type="text" /><div id="div" style="display:inline;border:1px solid;"onclick="setCodes();"></div><br /><input type="button" value="确定" onclick="checkCodes()"></body></html>