正则表达式-验证手机号

最新推荐文章于 2023-04-07 13:41:32 发布

Jolly-XB

最新推荐文章于 2023-04-07 13:41:32 发布

阅读量252

点赞数

分类专栏： javascrip 文章标签：正则表达式 javascript html

本文链接：https://blog.csdn.net/qq_40071917/article/details/120414046

版权

javascrip 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

常用的正则表达式应用
验证手机号

	<body>
		<h1>手机：<input type="text" name="" id="mobilePhone" value=""/></h1>
		<script type="text/javascript">
			var input = document.querySelector('#mobilePhone')
			var h1 = document.querySelector('h1')
			var span
			input.onchange = function(){
				var str = input.value
				var reg = /^1[3-9]\d{9}$/
				if(span){
					h1.removeChild(span)
				}
				if(reg.test(str)){
					span = document.createElement("span")
					span.innerHTML = "✔"
					span.className = "correct"	
				}else{
					span = document.createElement("span")
					span.innerHTML = "❌"
					span.className = "error"
				}
				h1.appendChild(span)
			}
		</script>
	</body>

Jolly-XB

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则表达式-验证手机号

常用的正则表达式应用验证手机号 <body> <h1>手机：<input type="text" name="" id="mobilePhone" value=""/></h1> <script type="text/javascript"> var input = document.querySelector('#mobilePhone') var h1 = document.querySelector('h1')
复制链接

扫一扫

专栏目录