简单实用图形验证码原生js特效代码

最新推荐文章于 2024-06-25 10:29:28 发布

启宝

最新推荐文章于 2024-06-25 10:29:28 发布

阅读量650

点赞数 1

分类专栏：图形验证码文章标签：图形验证码

本文链接：https://blog.csdn.net/hsq1026hsq/article/details/74993127

版权

图形验证码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>简单实用图形验证码原生js特效代码</title>
		<meta name="description" content="简单实用图形验证码原生js特效代码。" /> 
		<meta name="keywords" content="简单实用,图形验证码,原生js,特效代码" />
		<meta name="author" content="js代码" />
		<meta name="Copyright" content="js代码" />
		<script type="text/javascript">
function stops(){
   return false;
}
document.οncοntextmenu=stops;
</script>
	</head>
	<body>
		<div id="v_container" style="width: 200px;height: 50px;"></div>
		<input type="text" id="code_input" value="" placeholder="请输入验证码"/><button id="my_button">验证</button>
	</body>
	<script src="http://www.jsdaima.com/Upload/201703/1490701707/gVerify.js"></script>
	<script>
		var verifyCode = new GVerify("v_container");

		document.getElementById("my_button").onclick = function(){
			var res = verifyCode.validate(document.getElementById("code_input").value);
			if(res){
				alert("验证正确");
			}else{
				alert("验证码错误");
			}
		}
	</script>
</html>

启宝

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单实用图形验证码原生js特效代码

简单实用图形验证码原生js特效代码 function stops(){ return false;}document.oncontextmenu=stops; 验证 var verifyCode = new GVerify("v_container"); document.getElementById("my_bu
复制链接

扫一扫

专栏目录