 
<!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)文章

Electron中實現(xiàn)大文件上傳和斷點續(xù)傳功能
Electron是開源的框架，可以使用h5來開發(fā)跨平臺pc桌面應(yīng)用，這樣前端開發(fā)這可以開發(fā)桌面應(yīng)用了。這篇文章主要介紹了Electron中實現(xiàn)大文件上傳和斷點續(xù)傳功能,需要的朋友可以參考下
2018-10-10
詳解微信小程序獲取當(dāng)前時間及日期的方法
這篇文章主要介紹了微信小程序獲取當(dāng)前時間及日期的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
Web前端開發(fā)之水印、圖片驗證碼
這篇文章主要介紹了Web前端開發(fā)之水印、圖片驗證碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-11-11
javascript使用Promise對象實現(xiàn)異步編程
這篇文章主要介紹了javascript使用Promise對象實現(xiàn)異步編程的相關(guān)資料,需要的朋友可以參考下
2016-03-03
一個挺有意思的Javascript小問題說明
目前為止,就我的猜測,javascript執(zhí)行應(yīng)該是先做語法分析,然后順便分析完成了變量表(本地和全局)
2011-09-09
詳解js根據(jù)百度地圖提供經(jīng)緯度計算兩點距離
這篇文章主要介紹了js根據(jù)百度地圖提供經(jīng)緯度計算兩點距離，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
萬字詳解JavaScript手寫一個Promise
這篇文章主要介紹了萬字詳解JavaScript手寫一個Promise，Promise就是一個類，在執(zhí)行這個類的時候，需要傳遞一個執(zhí)行器(回調(diào)函數(shù))進去，執(zhí)行器會立即執(zhí)行
2022-07-07
js實現(xiàn)倒計時及時間對象
這篇文章主要為大家詳細介紹了js實現(xiàn)倒計時效果及時間對象,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11
js自定義瀑布流布局插件
這篇文章主要為大家詳細介紹了瀑布流布局與自定義瀑布流布局插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
js保存當(dāng)前路徑(cookies記錄)
曾經(jīng)做了一個取消訂單的功能。這個功能在個人中心里面有，在訂單的詳細頁面也有。按照正常的思路，這兩塊都可以提交到相同的action去處理，但是返回的頁面是不一樣的，都是返回到當(dāng)前頁面就可以了。
2010-12-12