yueloveme的博客通过本文主要向大家介绍了javascript验证码,javascript验证码代码,javascript实现验证码,javascript生成验证码,javascript表单验证等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
<!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>