欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript使用鍵盤(pán)輸入控制實(shí)現(xiàn)數(shù)字驗(yàn)證功能

 更新時(shí)間：2016年08月19日 11:13:32   作者：薛陳磊  
根據(jù)鍵盤(pán)輸入的keycode來(lái)判斷輸入的是什么類型來(lái)實(shí)現(xiàn)數(shù)字驗(yàn)證功能，就簡(jiǎn)單幾行代碼就可以實(shí)現(xiàn)，對(duì)js數(shù)字驗(yàn)證功能感興趣的朋友一起看下吧

現(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ù)字就干掉，但是這樣還是能輸入，想法被打回，于是乎最終采用了鍵盤(pán)輸入控制的辦法，其實(shí)很簡(jiǎn)單，代碼如下：

  var isNumber=function(keyCode){
        // 數(shù)字
        if (keyCode >= 48 && keyCode <= 57) {
          return true;  
        }
          // 小數(shù)字鍵盤(pán)
        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
      }

所謂鍵盤(pán)輸入控制就是根據(jù)鍵盤(pán)輸入的keycode來(lái)判斷輸入的是什么類型，即獲取按下的鍵盤(pán)按鍵Unicode值，鍵盤(pán)上每個(gè)按鍵對(duì)應(yīng)的keycode是固定的，網(wǎng)上有很多對(duì)照表，我這里就不貼上去了，每一次按鍵監(jiān)測(cè)到對(duì)應(yīng)的keycode然后對(duì)照是否合法，需要注意的是這里合法的不僅是數(shù)字，還有上下左右tab和空格方向鍵，不能禁用用戶的操作指令，怎么樣，看起來(lái)很簡(jiǎn)單吧。

相關(guān)文章

最新評(píng)論