求救,这个手机号码验证提示能不能不弹出来,改为从文本框后面显示出来?怎么做?
<html>
<head><title>验证手机号码</title>
<script type="text/javascript">
function checkTelephone(obj){
var reg= /^(130|131|132|133|134|135|136|137|138|139|150|153|157|158|159|180|187|188|189)\d{8}$/;//验证手机号码
var phone=document.getElementById('telephone').value;
if(!reg.test(phone)){
alert("电话号码格式错误!");
obj.value="";
obj.focus();
return false;
}else{
alert("您的电话号码:"+phone);
return true;
}
}
</script>
</head>
<body>
<form>
<input type="text" id="telephone" onblur="checkTelephone(this)">
</form>
</body>
</html>
[解决办法]
那个div的样式和位置自己调整。
<html>
<head><title>验证手机号码</title>
<script type="text/javascript">
function checkTelephone(obj){
var reg= /^(130
[解决办法]
131
[解决办法]
132
[解决办法]
133
[解决办法]
134
[解决办法]
135
[解决办法]
136
[解决办法]
137
[解决办法]
138
[解决办法]
139
[解决办法]
150
[解决办法]
153
[解决办法]
157
[解决办法]
158
[解决办法]
159
[解决办法]
180
[解决办法]
187
[解决办法]
188
[解决办法]
189)\d{8}$/;//验证手机号码
var phone=document.getElementById('telephone').value;
if(!reg.test(phone)){
document.getElementById("telephonetip").innerHTML ="电话号码格式错误!";
obj.value="";
obj.focus();
return false;
}else{
document.getElementById("telephonetip").innerHTML ="您的电话号码:"+phone;
return true;
}
}
</script>
</head>
<body>
<form>
<input type="text" id="telephone" onblur="checkTelephone(this)">
<div id="telephonetip"></div>
</form>
</body>
</html>