js驗(yàn)證輸入是否為手機(jī)號碼或電話號碼示例
更新時間：2013年12月30日 15:42:11 作者：
使用js驗(yàn)證輸入是否為手機(jī)號碼或電話號碼，下面有個不錯的示例，感興趣的朋友可以參考下
代碼如下:
<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位)-分機(jī)號(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("您的電話/手機(jī)號碼是:" + tel.value);
return true;
}
else {
alert("請輸入正確的手機(jī)號碼或電話號碼\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>
復(fù)制代碼 代碼如下:
<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位)-分機(jī)號(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("您的電話/手機(jī)號碼是:" + tel.value);
return true;
}
else {
alert("請輸入正確的手機(jī)號碼或電話號碼\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)文章
微信小程序使用ucharts在小程序中加入橫屏展示功能的全過程
這篇文章主要給大家介紹了關(guān)于微信小程序使用ucharts在小程序中加入橫屏展示功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學(xué)，可以參考下2021-05-05
javascript 自動轉(zhuǎn)到命名錨記,方面業(yè)內(nèi)控制導(dǎo)航等信息2009-01-01
js學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實(shí)例講解)
下面小編就為大家?guī)硪黄猨s學(xué)習(xí)總結(jié)_輪播圖之漸隱漸現(xiàn)版(實(shí)例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JavaScript字符串截取方法總結(jié)(slice、substring、substr等)
在開發(fā)中常常會需要截取字符串,而 JavaScript 提供了很多種方法實(shí)現(xiàn)截取操作,本文對各種方法做個整理,文中通過代碼示例給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要介紹了使用get方式提交表單在地址欄里面不顯示提交信息的相關(guān)資料,需要的朋友可以參考下2017-02-02
JavaScript模塊管理的簡單實(shí)現(xiàn)方式詳解
這篇文章主要介紹了JavaScript模塊管理的簡單實(shí)現(xiàn)方式,它方便組織你的代碼，提高項(xiàng)目的可維護(hù)性。一個項(xiàng)目的可維護(hù)性高不高，也體現(xiàn)一個程序員的水平，在如今越來越復(fù)雜的前端項(xiàng)目，這一點(diǎn)尤為重要。,需要的朋友可以參考下2019-06-06
如何利用原生JS實(shí)時監(jiān)聽input框輸入值
這篇文章主要介紹了如何利用原生JS實(shí)時監(jiān)聽input框輸入值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
js canvas實(shí)現(xiàn)擦除效果示例代碼
擦除效果在我們?nèi)粘ｉ_發(fā)中也是時有見到的，通過擦除效果大大加強(qiáng)了與用戶的交互性，所以下面這篇文章主要給大家介紹了利用js和canvas實(shí)現(xiàn)擦除效果的相關(guān)資料，文中給出了詳細(xì)的介紹和示例代碼，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04
本文詳細(xì)講解了實(shí)現(xiàn)瀑布流布局的三種方式，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12