简单的四位数字验证码

最新推荐文章于 2024-04-13 23:06:27 发布

残缺的孤独

最新推荐文章于 2024-04-13 23:06:27 发布

阅读量1w

点赞数

分类专栏：前端文章标签： function input

本文链接：https://blog.csdn.net/yyywyr/article/details/7573879

版权

前端专栏收录该内容

17 篇文章 1 订阅

订阅专栏

1.Body

<body οnlοad="loadCodeNumber()">
	<form name="form1" οnsubmit="return checkCodeNumber()">
	四位数字验证码：<input type="text" name="codeInput">
				<span id="codeResult"></span>
				<input type="submit" value="验证">
	</form>
  </body>

2.js

<script type="text/javascript">
		
		//加载四位数字验证码函数
		function loadCodeNumber()
		{
			var codeNumber = Math.floor(Math.random()*9000+1000);
			
			document.getElementById("codeResult").innerHTML = codeNumber;
		}
		
		//验证函数--验证码是否输入正确
		function checkCodeNumber()
		{
			//获取输入的内容
			var codeNumberInput = form1.codeInput.value;
			if(codeNumberInput.length == 0)
			{
				alert("请输入验证码");
				form1.codeInput.focus();
				return false;
			}
			else if(codeNumberInput != document.getElementById("codeResult").innerHTML)
			{
				alert("验证码输入错误,请重新输入");
				form1.codeInput.value = "";
				form1.codeInput.focus();
				return false;
			}
			else
			{
				alert("验证码输入正确");
				form1.codeInput.value = "";
				form1.codeInput.focus();
				
			}
		}
	</script>

残缺的孤独

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单的四位数字验证码

1.Body 四位数字验证码： 2.js //加载四位数字验证码函数 function loadCodeNumber() { var codeNumber = Math.floor(Math.random()*9000+1000); document.getElementById("codeResult
复制链接

扫一扫