javascript限制文本框輸入值類型的方法
更新時間：2015年05月07日 09:12:18 投稿：shichen2014
這篇文章主要介紹了javascript限制文本框輸入值類型的方法,涉及javascript鼠標事件、鍵盤按鍵及字符串的相關(guān)操作技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了javascript限制文本框輸入值類型的方法。分享給大家供大家參考。具體分析如下：
要求：所有的文本框，只能輸入數(shù)字和小數(shù)點，其他的符號一概不能輸入；
重點是我希望在用戶輸入時就做限制，而不是提交時判斷——也就是說如果用戶在文本框內(nèi)輸入數(shù)字或小數(shù)點，可以正常輸入；如果輸入字母等非數(shù)字字符，則文本框會沒有任何反應(yīng)，不會顯示輸入的字符。
<html> <body> <script> var s = "<input type=\"text\" size=\"20\" " + "style=\"text-align:center\" " + "onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ //限制只能輸入數(shù)字 "onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + //限制鼠標點擊輸入非數(shù)字 "onbeforepaste=\"clipboardData.setData(\"text\"," + //限制只能粘貼數(shù)字 "clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">"; document.write(s); </script> </body> </html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了javascript實現(xiàn)下拉菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-02-02
這篇文章主要介紹了webpack中的publicpath,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
詳細聊聊TypeScript中any unknown never和void的區(qū)別
這篇文章主要給大家聊聊TypeScript 中 any、unknown、never 和 void 有什么區(qū)別，文中有詳細的代碼實例講解，具有一定的參考價值,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了微信禁止下拉查看URL的處理方法,需要的朋友可以參考下2017-09-09
javascript檢測瀏覽器精簡版，需要的朋友可以參考下。2010-03-03
如何獲取select下拉框的值(option沒有及有value屬性)
獲取select下拉框的值分為option沒有value屬性及有value屬性時的兩種情況，下面分別給出具體的實現(xiàn)代碼，需要的朋友可以參考下2013-11-11
返回上一頁并刷新在此功能有利于用戶的體驗,是每一個web開發(fā)人員所必備的一項，長話短說，今天介紹實現(xiàn)此功能的一個方法，需要了解的朋友可以參考下2012-12-12
JavaScript實現(xiàn)DIV層拖動及動態(tài)增加新層的方法
這篇文章主要介紹了JavaScript實現(xiàn)DIV層拖動及動態(tài)增加新層的方法,設(shè)計javascript操作div層的拖動與增加的相關(guān)技巧,需要的朋友可以參考下2015-05-05
本文主要介紹在uniapp中頁面與webview組件內(nèi)頁面的雙向通信問題,本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-07-07
這篇文章主要介紹了深入JS繼承，對繼承感興趣的同學，可以參考下2021-05-05