手机号码即时验证:鼠标离开文本框的时候立刻验证
2017-07-27 00:44
288 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style type="text/css">
*{margin: 0;padding: 0;}
#box{
width: 240px;
height: 100px;
border:1px solid gray;
border-radius: 10px;
padding: 30px 10px 10px 10px;
margin: 100px auto 0;
}
#tel{
width: 160px;
height: 20px;
margin: 0;
padding-left:5px;
}
#btn{
width: 50px;
height: 25px;
}
p{
margin-top: 10px;
font-size: 14px;
font-family: 'Microsoft YaHei';
}
</style>
</head>
<body>
<div id="box">
<input type="text" id="tel" onblur="d()"><span id="t">
<input type="button" name="" value="确认" >
</div>
<script type="text/javascript">
function d(){
var reg=/^[1](3|5|8)\d{9}$/
var str=document.getElementById('tel').value;
if(!reg.test(str)){
alert("输入格式不对,请重新输入");
}
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style type="text/css">
*{margin: 0;padding: 0;}
#box{
width: 240px;
height: 100px;
border:1px solid gray;
border-radius: 10px;
padding: 30px 10px 10px 10px;
margin: 100px auto 0;
}
#tel{
width: 160px;
height: 20px;
margin: 0;
padding-left:5px;
}
#btn{
width: 50px;
height: 25px;
}
p{
margin-top: 10px;
font-size: 14px;
font-family: 'Microsoft YaHei';
}
</style>
</head>
<body>
<div id="box">
<input type="text" id="tel" onblur="d()"><span id="t">
<input type="button" name="" value="确认" >
</div>
<script type="text/javascript">
function d(){
var reg=/^[1](3|5|8)\d{9}$/
var str=document.getElementById('tel').value;
if(!reg.test(str)){
alert("输入格式不对,请重新输入");
}
}
</script>
</body>
</html>
相关文章推荐
- 注册 Gmail,验证手机号码的时候提示“此号码不能用于验证”,怎么解决?
- 鼠标焦点离开文本框时验证
- 注册时候手机号码的正则验证
- jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路
- 鼠标焦点离开文本框时验证的js代码
- jsp+ajax实现无刷新,鼠标离开文本框即验证用户名
- jsp+ajax实现无刷新鼠标离开文本框即验证用户名
- 鼠标焦点离开文本框时验证的js代码
- (asp.net)鼠标放上去的时候文本框的提示消失,鼠标离开又重新显示
- jsp+ajax实现无刷新(鼠标离开文本框即验证用户名)实现思路
- JS 手机号码验证(正则表达式)
- JS验证手机号码格式
- 在Qt中如何判断鼠标离开某一操作的时候,在时间差内自动执行某一个操作
- android 获取 imei号码 和 获取手机型号和系统版本号(未验证)
- 黑马程序员--手机号码归属地验证
- php验证手机号码
- 手机号码验证
- java 验证手机号码、电话号码(包括最新的电信、联通和移动号码)