手机号码注册带正则验证和发验证码倒计时

发布时间：2020-12-14 00:54:33 所属栏目：百科来源：网络整理

导读：!DOCTYPE htmlhtmlheadmeta charset="utf-8" /title/titlestyle type="text/css"#btn {width: 150px;height: 40px;background: green;font-size: 17px;}/stylescript type="text/javascript" src="js/jquery-1.11.1.min.js"/scriptscript type="text/javascr

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#btn {
				width: 150px;
				height: 40px;
				background: green;
				font-size: 17px;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#btn').click(function() {
					var reg = /^1d{10}$/;
					if ($('#num').val() == "") {
						alert('请输入电话好吗？');
					} else if (!reg.test($('#num').val())) {
						alert('请输入正确的电话好吗？');
					} else {
						$(this).css('background','blue').css('color','red');
						var i = 5;
						var n = setInterval(function() {
							var j = i + 's';
							$('#btn').val(j);
							i--;
							if (i < -1) {
								clearInterval(n);
								$('#btn').val('重新获取验证码!');
							}
						},1000);
					}
				});
			})
		</script>
	</head>

	<body>
		<input type="text" autofocus="autofocus" id="num" />
		<input type="button" value="获取验证码" id="btn" />
	</body>

</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!