js驗證輸入是否為手機號碼或電話號碼示例
更新時間：2013年12月30日 15:42:11 作者：
使用js驗證輸入是否為手機號碼或電話號碼，下面有個不錯的示例，感興趣的朋友可以參考下
代碼如下:
<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()
{
//"兼容格式: 國家代碼(2到3位)-區(qū)號(2到3位)-電話號碼(7到8位)-分機號(3位)"
//return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/.test(this.Trim()));
return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this.Trim()));
}
function chkForm() {
with(document.form1){
if (tel.value.isMobile()||tel.value.isTel()) {
tel.value = tel.value.Trim();
alert("您的電話/手機號碼是:" + tel.value);
return true;
}
else {
alert("請輸入正確的手機號碼或電話號碼\n\n例如:13916752109或0712-3614072");
tel.focus();
return false;
}
}
}
</script>
<form name="form1" method="post" action="" >
<input type="text" name="tel" value="13916752109" size="15" />
<input type="button" value="測 試" onclick="return chkForm()"/>
</form>
復制代碼 代碼如下:
<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()
{
//"兼容格式: 國家代碼(2到3位)-區(qū)號(2到3位)-電話號碼(7到8位)-分機號(3位)"
//return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/.test(this.Trim()));
return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this.Trim()));
}
function chkForm() {
with(document.form1){
if (tel.value.isMobile()||tel.value.isTel()) {
tel.value = tel.value.Trim();
alert("您的電話/手機號碼是:" + tel.value);
return true;
}
else {
alert("請輸入正確的手機號碼或電話號碼\n\n例如:13916752109或0712-3614072");
tel.focus();
return false;
}
}
}
</script>
<form name="form1" method="post" action="" >
<input type="text" name="tel" value="13916752109" size="15" />
<input type="button" value="測 試" onclick="return chkForm()"/>
</form>
相關(guān)文章
這篇文章主要介紹了JS判斷兩個對象內(nèi)容是否相等的方法,結(jié)合具體實例形式分析了javascript針對字符串、數(shù)組及對象的相關(guān)判斷技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了ES6學習筆記之let與const用法,結(jié)合實例形式分析了ES6中l(wèi)et與const的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2020-01-01
讓低版本瀏覽器支持input的placeholder屬性(js方法)
低版本瀏覽器一般都不會支持input的placeholder屬性，接下來使用js實現(xiàn)下，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了javascript變量聲明,實例分析了javascript變量聲明的相關(guān)使用技巧,需要的朋友可以參考下2015-04-04
JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法
這篇文章主要介紹了JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JavaScript實現(xiàn)無限級遞歸樹的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)上傳多張圖片、刪除圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
用JavaScript腳本實現(xiàn)Web頁面信息交互
這篇文章主要介紹了用JavaScript腳本實現(xiàn)Web頁面信息交互2006-10-10
js動態(tài)添加的DIV中的onclick事件簡單實例
下面小編就為大家?guī)硪黄猨s動態(tài)添加的DIV中的onclick事件簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了微信小程序的線程架構(gòu)，每個小程序包含一個描述整體程序的app實例和多個描述頁面的page，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05