031--Hbuilder--js--聚焦、失焦情况下判断输入是否为手机号码

最新推荐文章于 2022-02-04 16:11:12 发布

做梦吃星星

最新推荐文章于 2022-02-04 16:11:12 发布

阅读量224

点赞数

分类专栏： JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_45515187/article/details/109266777

版权

JavaScript 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/>
	</head>
	<body>
		<p>
			请输入<input type="text" name="" id="haha" />
			<span id="haha1"></span>
		</p>
	</body>
</html>
<script type="text/javascript">
	var haha = document.getElementById("haha");
	var haha1 = document.getElementById("haha1");
	haha.onfocus = function(){
		haha.type.color = "red";
	}
	haha.onblur = function(){
		var txt = haha.value;
		if(/^1[3456789]\d{9}/.test(txt)){
			haha1.innerHTML = "格式正确";
		}else{
			haha1.innerHTML = "格式不正确";
		}
	}
</script>