js控制文本框輸入的字符類型方法匯總
更新時間：2015年06月19日 10:00:45 投稿：hebedich
這篇文章主要給大家匯總介紹了js控制文本框輸入的字符類型的各種方法，十分的簡單實用，有需要的小伙伴可以參考下。
JS 控制文本框只能輸入數(shù)字
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')">
JS 控制文本框只能輸入數(shù)字、小數(shù)點
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu ="value=value.replace(/[^\0-9\.]/g,'')">
JS 控制文本框只能輸入英文
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
JS 控制文本框只能輸入英文、數(shù)字
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">
JS 控制文本框只能輸入中文
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
JS 控制文本框只能輸入中文、英文、數(shù)字
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">
JS 控制文本框只能輸入中文、英文、數(shù)字、空格
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\]/g,'')">
JS 控制文本框只能輸入中文、英文、數(shù)字、小數(shù)點
復(fù)制代碼 代碼如下:
<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">
總而言之:
先在‘<input>' 里輸入
onkeyup="value=value.replace(/[^\X]/g,'')"
然后在(/[\X]/g,'')里的 X換成你想輸入的代碼就可以了,
中文u4E00-u9FA5，數(shù)字0-9，英文a-z\A-Z，其它符號@、點或其它符號。
也可以多個，用\隔開就行了。
例如：中英文 + 數(shù)字 + @符號 + 點符號 \a-\z\A-\Z0-9\u4E00-\u9FA5\@\.
若想在文本框里不能右鍵彈出菜單和不能粘貼進復(fù)制的信息的話
就要在'<input>'里輸入onpaste="return false" oncontextmenu="return false;"
相關(guān)文章
這篇文章主要為大家詳細介紹了原生javascript實現(xiàn)分頁效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
利用js實現(xiàn)前臺動態(tài)添加文本框,后臺獲取文本框內(nèi)容(示例代碼)
這篇文章主要是對利用js實現(xiàn)前臺動態(tài)添加文本框,后臺獲取文本框內(nèi)容的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JavaScript遍歷數(shù)組和對象的元素簡單操作示例
這篇文章主要介紹了JavaScript遍歷數(shù)組和對象的元素簡單操作,結(jié)合實例形式分析了javascript數(shù)組與對象元素遍歷相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-07-07
javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表)，需要的朋友可以參考下。2010-12-12
JS操作二進制很麻煩，而且一直沒有一個好的無損壓縮工具來實現(xiàn)純文本的壓縮。2010-04-04
淺析JavaScrip哪些操作會造成內(nèi)存泄露以及預(yù)防方法
在?JavaScript?中,內(nèi)存泄露是指程序不再使用的內(nèi)存沒有被釋放,從而導(dǎo)致內(nèi)存的持續(xù)增長,最終可能導(dǎo)致性能下降或應(yīng)用崩潰,本文整理了一些容易造成內(nèi)存泄漏的操作以及預(yù)防方法,需要的可以了解下2024-12-12
網(wǎng)站頁面自動跳轉(zhuǎn)實現(xiàn)方法PHP、JSP（下）
很多時候我們需要Web頁具備有自動跳轉(zhuǎn)功能，例如，論壇中的用戶登錄、發(fā)帖及回復(fù)或留言簿中的留言和回復(fù)等操作成功后，若用戶沒有任何鼠標點擊操作，過了一定的時間，頁面自動跳轉(zhuǎn)到預(yù)設(shè)的頁面。2010-08-08
JS類庫Bindows1.3中的內(nèi)存釋放方式分析...2007-03-03
這篇文章主要介紹了ionic3 懶加載的相關(guān)資料,需要的朋友可以參考下2017-08-08
通常我們有一份webpack.dev.config.js使用webpack-dev-server的proxy，代理到開發(fā)服務(wù)器，來解決本地跨域問題。假如項目變大，可能需要proxy到不同環(huán)境，那么如何解決webpack-dev-server代理常切換問題，下面就一起來了解一下2019-01-01