實(shí)現(xiàn)只能輸入數(shù)字的input不用replace方法
更新時間：2013年09月12日 08:57:34 作者：
只能輸入數(shù)字在以往都是使用replace方法實(shí)現(xiàn)的，在本文你將學(xué)習(xí)到不使用它依然可以實(shí)現(xiàn)，具體代碼如下，感興趣的朋友可以參考下
廢話不多說，上代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<script type="text/javascript">
/**
* 只能輸入數(shù)字0-9
*/
function kp(){
if(event.keyCode<=47 || event.keyCode>=65) {
event.returnValue=false;
}
}
/**
* 只能輸入數(shù)字0-9和 .（小數(shù)點(diǎn)）
*/
function kpd(){
if(event.keyCode<=47 || (event.keyCode>=65 && event.keyCode!=190)) {
event.returnValue=false;
}
}
</script>
</head>
<body>
這個input只能輸入0-9<input type="text" id="t1" onkeydown="kp()"/><br/>
這個input只能輸入0-9.<input type="text" id="t2" onkeydown="kpd()"/>
</body>
</html>
直接在keydown的時候就截掉輸入事件，根本不讓輸。
不用replace那種別扭的方法 - 輸進(jìn)了字母再替換掉，好丑！
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title></title>
<script type="text/javascript">
/**
* 只能輸入數(shù)字0-9
*/
function kp(){
if(event.keyCode<=47 || event.keyCode>=65) {
event.returnValue=false;
}
}
/**
* 只能輸入數(shù)字0-9和 .（小數(shù)點(diǎn)）
*/
function kpd(){
if(event.keyCode<=47 || (event.keyCode>=65 && event.keyCode!=190)) {
event.returnValue=false;
}
}
</script>
</head>
<body>
這個input只能輸入0-9<input type="text" id="t1" onkeydown="kp()"/><br/>
這個input只能輸入0-9.<input type="text" id="t2" onkeydown="kpd()"/>
</body>
</html>
直接在keydown的時候就截掉輸入事件，根本不讓輸。
不用replace那種別扭的方法 - 輸進(jìn)了字母再替換掉，好丑！
相關(guān)文章
利用Javascript實(shí)現(xiàn)BMI計算器
BMI指數(shù)計算器相信大家都用過，那用JavaScript怎么實(shí)現(xiàn)呢？其實(shí)很簡單，這篇文章給出了實(shí)例代碼，有需要的可以參考學(xué)習(xí)。2016-08-08
本文給大家匯總了一下javascript的數(shù)組排序算法，包括冒泡排序、快速排序、插入排序、希爾排序，希望對大家熟悉javascript數(shù)組排序能夠有所幫助。2015-07-07
微信小程序WebSocket實(shí)現(xiàn)聊天對話功能
這篇文章主要為大家詳細(xì)介紹了微信小程序WebSocket實(shí)現(xiàn)聊天對話功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
類型守衛(wèi)是TypeScript中特有的用于在運(yùn)行時檢查類型的方式,它顯式的將javascript代碼按類型劃分,從而確保了運(yùn)行安全,下面我們就來簡單聊聊TypeScript中的4種類型守衛(wèi)吧2023-08-08
JavaScript實(shí)現(xiàn)獲取最近7天的日期的方法詳解
這篇文章主要想和大家分享一些JavaScript開發(fā)中會用到的小技巧，本文主要介紹了js獲取最近7天的日期，判斷當(dāng)前日期時間大于指定日期時間等內(nèi)容，需要的可以參考一下2023-04-04
這篇文章主要介紹了JS簡單隨機(jī)數(shù)生成方法,通過javascript自定義函數(shù)演示了隨機(jī)數(shù)的生成方法,需要的朋友可以參考下2016-09-09
Microsoft Ajax Minifier 壓縮javascript的方法
使用Microsoft AJAX 庫 (第六個預(yù)覽版) 其中有一個 ajaxmin.exe 可以壓縮Js文件可以在dos 命令下 /? 查看其參數(shù)說明。2010-03-03
js寫的分頁在網(wǎng)上可以搜到很多的文章，在也為大家介紹一個，喜歡的的朋友可以參考下2013-12-12
這篇文章主要介紹了JavaScript 高性能數(shù)組去重的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
JS 數(shù)字轉(zhuǎn)換為大寫金額的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S 數(shù)字轉(zhuǎn)換為大寫金額的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08