<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
</head>
<body>
<form></form>
<input id="textcode" type="text">
<input id="code" type="button">
</form>
<button id="login">登录</button>
<script type="text/javascript">
function change() {
// 验证码
code = $("#code");
var str="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWSYZ"
codes = '';
// 若想生成N位验证码,把6改为N即可
for (var i = 0; i < 3 ; i++) {
var r = parseInt(Math.random() * str.length);
codes += str.charAt(r);
}
code.val(codes);
}
change();
$("#code").click(function () {
change();
});
// 添加login按钮事件
$("#login").click(function () {
var code_text=$("#textcode").val();
var codechar=$("#code").val();
if (code_text !== codechar) {
alert("验证码不正确");
change();
return;
}else{
alert("验证码正确");
change();
return;
}
});
</script>
</body>
</html>
HTML5+JavaScript+验证码
最新推荐文章于 2024-08-04 16:33:59 发布