需求input type="number"中只能輸入整數,不能輸入小數點

實現:在input type="number"中,只能輸入整數,不能輸入小數點

問題:在開發過程中,用的谷歌瀏覽器,發現,在這個輸入框中輸入11.,在控制檯中查看,得到的是11,如果輸入11.1,纔會得到11.1,於是也不能通過indexof等方法去掉輸入框中的".",就算直接將輸入框中的值(11.這種,點在末尾的情況)通過parseInt()直接轉化爲整數,再賦值給input,也沒用。最後通過網上找的一段代碼(沒看懂,但能實現,這不重要。最重要的是發現了精髓:原來要在給input賦值前先清空input中的內容)。ok,再結合自己的代碼,完美解決我的需求。

網上的代碼:

                   // 因爲只能輸入數字了,所以也不需要對數字格式進行判斷了

                    if (/^0+$/.test(thisCounts)) {

                        thisCounts = '';

                    }

                    // 重新初始化

                    $(this).val('');

                    // 賦值 ---- 簡單粗暴

                    $(this).val(thisCounts);

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章