该代码示例展示了如何使用HTML创建一个输入框用于输入手机号码，并结合JavaScript进行正则表达式验证。当用户离开输入框（onblur事件）时，程序会检查号码是否符合中国手机号码的一般格式（13-19位数字，以1开头），并根据验证结果更改提示文字的颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
手机号码<input type="text" id="phone">
<span id="cont" style="color: ;"></span>
<script>
phone.onblur=function(){
// 获取输入框的值
var str=phone.value
console.log(str);
// 正则验证
var p=/^1[3-9]\d{9}$/
var test=p.test(str)
console.log(test);
if(test){
cont.innerHTML='格式正确'
cont.style.color='green'
}else{
cont.innerHTML='格式错误'
cont.style.color='red'
}
}
</script>
</body>
</html>
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
