会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
菩提树下的杨过
博客园
首页
新随笔
订阅
管理
[基础]电话/手机常见验证的Javascript示例
电话号码:
<
input type
=
"
text
"
id
=
"
TelPrefix
"
size
=
"
4
"
MaxLength
=
"
4
"
>
-
<
input type
=
"
text
"
id
=
"
TelNumber
"
style
=
"
width:88px
"
>
<
button id
=
"
btnTestTel
"
onClick
=
"
return TestTel()
"
>
测试电话号码
<
/
button><br
/
>
手机号码:
<
input type
=
"
text
"
id
=
"
Mobile
"
>
<
button id
=
"
btnTestMobile
"
onClick
=
"
return TestMobile()
"
>
测试手机号码
<
/
button><br
/
><
br
/
>
建议手机号码与电话号码至少请输入一项
<
br
/
><br
/
>
<
button id
=
"
btnTest
"
onClick
=
"
return Test()
"
>
测试手机号码
<
/
button>
<
script type
=
"
text/javascript
"
>
String.prototype.Trim
=
function
()
{
var
m
=
this
.match(
/
^\s*(\S+(\s+\S+)*)\s*$
/
);
return
(m
==
null
)
?
""
: m[
1
];
}
String.prototype.isMobile
=
function
()
{
return
(
/
^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$
/
.test(
this
.Trim()));
}
String.prototype.isTel
=
function
()
{
return
(
/
^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$
/
.test(
this
.Trim()));
}
function
TestMobile()
{
var
oMobile
=
document.getElementById(
"
Mobile
"
);
if
(
!
oMobile.value.isMobile())
{
alert(
"
请输入正确的手机号码
"
);
oMobile.focus();
oMobile.style.backgroundColor
=
"
#ff9
"
;
return
false
;
}
else
{
alert(oMobile.value);
}
return
true
;
}
function
TestMobileEx()
{
var
oMobile
=
document.getElementById(
"
Mobile
"
);
if
(
!
oMobile.value.isMobile())
{
return
false
;
}
return
true
;
}
function
TestTel()
{
var
oTelPrefix
=
document.getElementById(
"
TelPrefix
"
);
var
oTelNumber
=
document.getElementById(
"
TelNumber
"
);
var
sTel
=
oTelPrefix.value
+
"
-
"
+
oTelNumber.value;
if
(
!
sTel.isTel())
{
alert(
"
请输入正确的电话号码
"
);
oTelPrefix.focus();
oTelPrefix.style.backgroundColor
=
"
#ff9
"
;
oTelNumber.style.backgroundColor
=
"
#ff9
"
;
return
false
;
}
else
{
alert(sTel);
}
return
true
;
}
function
TestTelEx()
{
var
oTelPrefix
=
document.getElementById(
"
TelPrefix
"
);
var
oTelNumber
=
document.getElementById(
"
TelNumber
"
);
var
sTel
=
oTelPrefix.value
+
"
-
"
+
oTelNumber.value;
if
(
!
sTel.isTel())
{
return
false
;
}
return
true
;
}
function
Test()
{
if
(TestTelEx()||
TestMobileEx())
{
alert(
"
验证通过
"
);
}
else
{
alert(
"
手机,电话至少输入一项
"
);
document.getElementById(
"
TelPrefix
"
).focus();
document.getElementById(
"
TelPrefix
"
).style.backgroundColor
=
"
#ff9
"
;
return
false
;
}
return
true
;
}
<
/
script>
作者:
菩提树下的杨过
出处:
http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
posted @
2008-01-10 10:12
菩提树下的杨过
阅读(
637
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告