1. 程式人生 > >記一個改了幾小時的限制數字輸入問題

記一個改了幾小時的限制數字輸入問題

       先抒發一下情緒,好久沒寫部落格了,突然覺得寫這個似乎挺有意思的,也許是太久沒有,偶爾記錄一下,覺得挺好玩的,好像很多事情都是這樣,堅持下去,總是會半途而廢,而且有時候會覺得乏味,但是偶爾做一下,會覺得有點意思,但是很多事情只是覺得有意思,但是又好像沒有什麼意義。

       這兩天碰到了一個輸入框限制數字輸入的問題,我一開始,設定input為number型別,後來發現不知道無法限制字數,於是就用了.slice(0, len);去擷取,但是又出現了一個問題,這問題就是e和._+等符號還是可以輸入,而且獲取輸入框的值,會發現獲取到的值是“”,也就是說獲取到的是空值,但是輸入框又是有顯示內容,所以就又在input標籤中添加了onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));",發現在pc端可以實現無法輸入這些符號,但是切換成中文輸入法,然後輸入e,之後敲回車,發現e是可以成功顯示到輸入框中。

      這時候我就把type改為text了,然後發現.replace(/[^\d]/g,'');也可以將不是數字的符號刪除了,e也不能輸入了,長度也可以控制了,突然覺得number不好用,我以後所有的input框的type需要設定number的都還是設定為text比較好操作一點。