文本框中禁止非數(shù)字字符輸入比如手機號碼、郵編

更新時間：2013年08月19日 15:56:00 作者：

總是遇到很多禁止非數(shù)字字符輸入的文本框，比如手機號碼了郵編了于是下面為大家介紹下如何禁止，感興趣的朋友可以了解下

在工作中，總是遇到很多禁止非數(shù)字字符輸入的文本框，比如手機號碼了郵編了

 
<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
<meta charset="UTF-8"> 
<title></title> 
<link rel="stylesheet" href="style.css"> 
</head> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<body> 
<input type="text" id="phone" value="0000"> 
</body> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
// Stuff to do as soon as the DOM is ready; 
var phone=$('#phone'); 
$(phone).on('click',function(){ 
phone.val(''); 
}) 
$(phone).on('keyup',function(evt){ 
var phoneVal=phone.val(); 
phoneVal=phoneVal.replace('/[^\d]+/g', ''); //替換非數(shù)字字符為空格 
phoneVal=parseInt(phoneVal,10); 
if(isNaN(phoneVal)){ 
phoneVal = ''; 
} 
this.value=phoneVal; 
}) 
}); 
</script> 
</html> 

您可能感興趣的文章:

相關(guān)文章

OpenLayers實現(xiàn)圖層切換控件
這篇文章主要為大家詳細(xì)介紹了OpenLayers實現(xiàn)圖層切換控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
JavaScript實現(xiàn)點擊文字切換登錄窗口的方法
這篇文章主要介紹了JavaScript實現(xiàn)點擊文字切換登錄窗口的方法,涉及javascript操作div層及相關(guān)樣式的技巧,需要的朋友可以參考下
2015-05-05
LayUI動態(tài)設(shè)置checkbox不顯示的解決方法
今天小編就為大家分享一篇LayUI動態(tài)設(shè)置checkbox不顯示的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
激活 ActiveX 控件
激活 ActiveX 控件...
2006-10-10
小程序富文本提取圖片可放大縮小
這篇文章主要為大家詳細(xì)介紹了小程序富文本提取圖片可放大縮小，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-05-05
微信小程序基于slider組件動態(tài)修改標(biāo)簽透明度的方法示例
這篇文章主要介紹了微信小程序基于slider組件動態(tài)修改標(biāo)簽透明度的方法,可通過slider組件拖動實現(xiàn)圖片透明度的改變功能,涉及微信小程序事件綁定、base64格式圖片載入及slider組件使用技巧,需要的朋友可以參考下
2017-12-12
JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞)
這篇文章主要介紹了JS判斷傳入函數(shù)的參數(shù)是否為空(函數(shù)參數(shù)是否傳遞),需要的朋友可以參考下
2023-05-05
Moment.js實現(xiàn)多個同時倒計時
這篇文章主要為大家詳細(xì)介紹了Moment.js實現(xiàn)多個同時倒計時，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-08-08
Javascript實現(xiàn)仿QQ隨機數(shù)驗證
這篇文章主要為大家詳細(xì)介紹了Javascript實現(xiàn)仿QQ隨機數(shù)驗證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡單易懂對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-10-10