首頁 >web前端 >js教程 >js限製文字方塊只能輸入整數或帶小數點的數字_javascript技巧

js限製文字方塊只能輸入整數或帶小數點的數字_javascript技巧

WBOY
WBOY原創
2016-05-16 16:02:11929瀏覽

做表單驗證的時候是否會碰到驗證某個輸入框內只能填寫數字呢,僅允許輸入整數數字或帶小數點的數字。下面這段程式碼也許能幫到你!透過對目前輸入框定義onkeypress,onkeyup,onblur事件對表單做了充分的驗證,結果還是非常可靠的。

複製程式碼 程式碼如下:


下面對onkeypress,onkeyup,onblur事件做簡要的解釋。

onkeypress 事件會在鍵盤按鍵被按下並釋放一個按鍵時發生。

onkeyup 事件會在鍵盤按鍵被放開時發生。

onblur 事件會在物件失去焦點時發生。

另外要注意的是如果需要做嚴格驗證的表單,一定要客戶端和伺服器端進行雙重驗證,以上緊緊做了客戶端驗證。如果稍微懂點程式的人,能夠輕鬆的繞過這段驗證程式碼,如果伺服器端沒有進行驗證的話,就很容易出問題的。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn