javascript限制文本框輸入值類型的方法
更新時間：2015年05月07日 09:12:18 投稿：shichen2014
這篇文章主要介紹了javascript限制文本框輸入值類型的方法,涉及javascript鼠標(biāo)事件、鍵盤按鍵及字符串的相關(guān)操作技巧,非常具有實(shí)用價值,需要的朋友可以參考下
本文實(shí)例講述了javascript限制文本框輸入值類型的方法。分享給大家供大家參考。具體分析如下：
要求：所有的文本框，只能輸入數(shù)字和小數(shù)點(diǎn)，其他的符號一概不能輸入；
重點(diǎn)是我希望在用戶輸入時就做限制，而不是提交時判斷——也就是說如果用戶在文本框內(nèi)輸入數(shù)字或小數(shù)點(diǎn)，可以正常輸入；如果輸入字母等非數(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,'')\" " + //限制鼠標(biāo)點(diǎn)擊輸入非數(shù)字 "onbeforepaste=\"clipboardData.setData(\"text\"," + //限制只能粘貼數(shù)字 "clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">"; document.write(s); </script> </body> </html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
單擊某一段文字，改文字變?yōu)榧t色，再次單擊之后，文字又變回黑色，示例如下,需要的朋友可以參考下2014-06-06
本文代碼使用 JavaScript。 一些同學(xué)對遞歸的理解還停留在“是一種求階乘比循環(huán)低效的方法”。但其實(shí)遞歸和循環(huán)處理的問題是不同。拿“遍歷數(shù)組”這個問題來說：循環(huán)適合同一維度（單層長度不限）上的遍歷，而遞歸則適合跨維度（層數(shù)不限）的遍歷。2013-02-02
這篇文章主要為大家詳細(xì)介紹了js圖片上傳的封裝代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
javascript自定義函數(shù)參數(shù)傳遞為字符串格式
本節(jié)主要介紹了通過自定義javascript函數(shù)傳遞參數(shù)為字符串格式的，用this傳遞、引號缺省，示例如下2014-07-07
如何使用JavaScript快速創(chuàng)建一個1到100的數(shù)組
平時寫代碼時,我們會生產(chǎn)一些測試用的數(shù)組數(shù)據(jù),比如[1,100]的數(shù)組值,下面這篇文章主要給大家介紹了關(guān)于如何使用JavaScript快速創(chuàng)建一個1到100數(shù)組的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要為大家介紹了js實(shí)現(xiàn)數(shù)組扁平化，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)電商商品展示放大鏡特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
在本篇文章里小編給大家整理了一篇關(guān)于js對象的讀取速度實(shí)例詳解內(nèi)容，有需要的朋友們可以跟著學(xué)習(xí)下。2021-11-11
JavaScript原生對象之Number對象的屬性和方法詳解
這篇文章主要介紹了JavaScript原生對象之Number對象的屬性和方法詳解,本文講解了創(chuàng)建 Number 對象的語法、MAX_VALUE、MIN_VALUE、NaN等屬性或方法,需要的朋友可以參考下2015-03-03
最近再做個項目，需要檢查token過期，跳轉(zhuǎn)到登錄頁面，要求用戶重新登錄，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10