javascript數(shù)字驗(yàn)證的實(shí)例代碼(推薦)
現(xiàn)在有一個(gè)需求如下圖：
產(chǎn)品經(jīng)理說Card Number只能讓輸入數(shù)字（中間的空格是格式自加的，也是用js實(shí)現(xiàn)的），有時(shí)候我腦海中出現(xiàn)了個(gè)聲音，啥玩意，加個(gè)type=number不就行了，事實(shí)發(fā)現(xiàn)圖樣圖森破了，先不說type=number后面會(huì)有個(gè)上下標(biāo)(雖然用css可干掉)，但是這個(gè)類型是支持科學(xué)輸入法的，就是小數(shù)點(diǎn)和e這樣的是可以輸入的，于是乎只能用其他的方式了，后來想用檢索到輸入了非數(shù)字就干掉，但是這樣還是能輸入，想法被打回，于是乎最終采用了鍵盤輸入控制的辦法，其實(shí)很簡單，
代碼如下：
var isNumber=function(keyCode){
// 數(shù)字
if (keyCode >= 48 && keyCode <= 57) {
return true;
}
// 小數(shù)字鍵盤
if (keyCode >= 96 && keyCode <= 105) {
return true;
}
//tab Backspace, del, 左右方向鍵
if (keyCode == 9||keyCode == 8|| keyCode == 32 || keyCode == 46 || keyCode == 37 || keyCode == 39) {
return true;
}
return false
}
所謂鍵盤輸入控制就是根據(jù)鍵盤輸入的keycode來判斷輸入的是什么類型，即獲取按下的鍵盤按鍵Unicode值，鍵盤上每個(gè)按鍵對應(yīng)的keycode是固定的，網(wǎng)上有很多對照表，我這里就不貼上去了，每一次按鍵監(jiān)測到對應(yīng)的keycode然后對照是否合法，需要注意的是這里合法的不僅是數(shù)字，還有上下左右tab和空格方向鍵，不能禁用用戶的操作指令，怎么樣，看起來很簡單吧。
以上這篇javascript數(shù)字驗(yàn)證的實(shí)例代碼(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了前端深入理解Typescript泛型概念，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
下面小編就為大家?guī)硪黄獪\談幾種常用的JS類定義方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
JavaScript彈出新窗口并控制窗口移動(dòng)到指定位置的方法
這篇文章主要介紹了JavaScript彈出新窗口并控制窗口移動(dòng)到指定位置的方法,涉及javascript針對彈出窗口的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript實(shí)現(xiàn)獲取本機(jī)IP地址
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取本機(jī)IP地址方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
js+html5獲取用戶地理位置信息并在Google地圖上顯示的方法
這篇文章主要介紹了js+html5獲取用戶地理位置信息并在Google地圖上顯示的方法,涉及html5元素的操作技巧,需要的朋友可以參考下2015-06-06
原生JS實(shí)現(xiàn)-星級評分系統(tǒng)的簡單實(shí)例
下面小編就為大家?guī)硪黄鶭S實(shí)現(xiàn)-星級評分系統(tǒng)的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
這里說的js跨域是指通過js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信，比如用ajax向一個(gè)不同的域請求數(shù)據(jù)，或者通過js獲取頁面中不同域的框架中(iframe)的數(shù)據(jù)。只要協(xié)議、域名、端口有任何一個(gè)不同，都被當(dāng)作是不同的域。2014-04-04
基于cornerstone.js的dicom醫(yī)學(xué)影像查看瀏覽功能
這篇文章主要介紹了基于cornerstone.js的dicom醫(yī)學(xué)影像查看瀏覽功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了如何在頁面中可以簡單的測試一些簡單的JavaScript語句,需要的朋友可以參考下2010-04-04
這篇文章主要介紹了Javascript訪問器屬性,實(shí)例分析了建立屬性關(guān)聯(lián)的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12