<style>
.ok{
color: green;
}
.fail{
color: red;
}
</style>
<body>
请输入座机号码:<input type="text" name="" id="tel_num"><span id="info"></span>
<!-- 1、验证西安的座机号码,定义正则表达式测试用户输入的座机号是否正确 -->
<script>
let reg = /^(029)[0-9]{8}$/g
let num = document.querySelector('#tel_num')
num.addEventListener('blur',function(){
let span1 = document.querySelector('#info')
if(reg.test(this.value)){
span1.classList.remove('fail')
span1.innerHTML = '输入正确'
span1.classList.add('ok')
}
else{
span1.classList.remove('ok')
span1.innerHTML = '输入错误'
span1.classList.add('fail')
}
})
</script>
验证西安的座机号码,定义正则表达式测试用户输入的座机号是否正确
最新推荐文章于 2024-02-26 16:44:08 发布