javascript數(shù)字驗(yàn)證的實(shí)例代碼(推薦)
現(xiàn)在有一個(gè)需求如下圖：
產(chǎn)品經(jīng)理說(shuō)Card Number只能讓輸入數(shù)字（中間的空格是格式自加的，也是用js實(shí)現(xiàn)的），有時(shí)候我腦海中出現(xiàn)了個(gè)聲音，啥玩意，加個(gè)type=number不就行了，事實(shí)發(fā)現(xiàn)圖樣圖森破了，先不說(shuō)type=number后面會(huì)有個(gè)上下標(biāo)(雖然用css可干掉)，但是這個(gè)類型是支持科學(xué)輸入法的，就是小數(shù)點(diǎn)和e這樣的是可以輸入的，于是乎只能用其他的方式了，后來(lái)想用檢索到輸入了非數(shù)字就干掉，但是這樣還是能輸入，想法被打回，于是乎最終采用了鍵盤輸入控制的辦法，其實(shí)很簡(jiǎn)單，
代碼如下：
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來(lái)判斷輸入的是什么類型，即獲取按下的鍵盤按鍵Unicode值，鍵盤上每個(gè)按鍵對(duì)應(yīng)的keycode是固定的，網(wǎng)上有很多對(duì)照表，我這里就不貼上去了，每一次按鍵監(jiān)測(cè)到對(duì)應(yīng)的keycode然后對(duì)照是否合法，需要注意的是這里合法的不僅是數(shù)字，還有上下左右tab和空格方向鍵，不能禁用用戶的操作指令，怎么樣，看起來(lái)很簡(jiǎn)單吧。
以上這篇javascript數(shù)字驗(yàn)證的實(shí)例代碼(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Jquery Autocomplete 結(jié)合asp.net使用要點(diǎn)
Jquery的Autocomplete是一個(gè)很好的智能提示插件，但是在實(shí)際使用過(guò)程中還是會(huì)遇到一些小問(wèn)題.2010-10-10
JavaScript使用focus()設(shè)置焦點(diǎn)失敗的解決方法
這篇文章主要介紹了JavaScript使用focus()設(shè)置焦點(diǎn)失敗的一個(gè)解決方法 ,需要的朋友可以參考下2014-09-09
JavaScript高級(jí)程序設(shè)計(jì) 閱讀筆記（十四） js繼承機(jī)制的實(shí)現(xiàn)
繼承是面向?qū)ο笳Z(yǔ)言的必備特征，即一個(gè)類能夠重用另一個(gè)類的方法和屬性。在JavaScript中繼承方式的實(shí)現(xiàn)方式主要有以下五種：對(duì)象冒充、call()、apply()、原型鏈、混合方式2012-08-08
JS實(shí)現(xiàn)數(shù)組刪除指定元素功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組刪除指定元素功能,涉及javascript數(shù)組遍歷、排序、判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
本文主要介紹了10道典型的JavaScript面試題。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法,結(jié)合實(shí)例形式總結(jié)分析了微信小程序頁(yè)面跳轉(zhuǎn)及傳值的常用操作技巧,需要的朋友可以參考下2017-12-12
Bootstrap標(biāo)簽頁(yè)（Tab）插件切換echarts不顯示問(wèn)題的解決
這篇文章主要給大家介紹了關(guān)于Bootstrap標(biāo)簽頁(yè)（Tab）插件切換echarts不顯示問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
