js限制文本框的輸入內(nèi)容代碼分享（3類）
更新時間：2015年08月20日 17:04:59 投稿：lijiao
這篇文章主要介紹了3類js限制文本框的輸入內(nèi)容代碼,需要的朋友可以參考下
為大家分享的JavaScript限制文本框的輸入內(nèi)容代碼如下
<style type="text/css">
<!--
.STYLE1 {
color: #0099FF;
font-weight: bold;
font-size: x-large;
}
-->
</style>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center" class="STYLE1">親，試試效果吧！</p>
<p align="center"><strong>請輸入數(shù)字或字母</strong>：
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
</p>
<p align="center"><strong>請輸入數(shù)字，只能輸入數(shù)字哦</strong>：
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
</p>
<p align="center"><strong>請輸入漢字，只能輸入漢字哦</strong>：
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
</p>
運行效果圖：
下面再給大家補充一些：
小數(shù)點后只能有最多兩位(數(shù)字,中文都可輸入),不能輸入字母和運算符號:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">
文本框只能輸入數(shù)字代碼(小數(shù)點也不能輸入)
<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">
其實還可以限制其他內(nèi)容，比如只能是字母，大家可以嘗試一些其他的。
以上就是為大家分享的JavaScript限制文本框的輸入內(nèi)容代碼
您可能感興趣的文章:
- 改變文本框字體顏色的js腳本
- 捕獲input文本框內(nèi)容改變事件的js代碼
- 文本框中,回車鍵觸發(fā)事件的js代碼[多瀏覽器兼容]
- js實時計算字?jǐn)?shù)提醒的文本框
- js各種驗證文本框輸入格式(正則表達(dá)式)
- js中判斷文本框是否為空的兩種方法
- 簡單JS自動提示文本框代碼
- 在js(jquery)中獲得文本框焦點和失去焦點的方法
- js限制文本框輸入長度兩種限制方式(長度、字節(jié)數(shù))
- JS文本框不能輸入空格驗證方法
- 鼠標(biāo)焦點離開文本框時驗證的js代碼
- 利用js實現(xiàn)前臺動態(tài)添加文本框,后臺獲取文本框內(nèi)容(示例代碼)
- js獲取光標(biāo)位置和設(shè)置文本框光標(biāo)位置示例代碼
- JS判斷文本框內(nèi)容改變事件的簡單實例
- js限制文本框只能輸入數(shù)字方法小結(jié)
- JS模仿編輯器實時改變文本框?qū)挾群透叨却笮〉姆椒?/a>
- js實現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- JS給Textarea文本框添加行號的方法
- JS簡單限制textarea內(nèi)輸入字符數(shù)量的方法
- js計算文本框輸入的字符數(shù)
相關(guān)文章
小程序?qū)崿F(xiàn)搜索界面 小程序?qū)崿F(xiàn)推薦搜索列表效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)搜索界面，小程序?qū)崿F(xiàn)推薦搜索列表效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了JS中的JSON對象的定義和取值實現(xiàn)代碼,也是json的入門知識，需要的朋友可以參考下2018-05-05
這篇文章主要介紹了解決input獲取焦點時底部菜單被頂上來問題的方法，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-01-01
這篇文章主要介紹了詳解如何在JS代碼中消滅for循環(huán)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了JS仿QQ好友列表展開、收縮功能,當(dāng)點擊一個li元素，其他li元素上的類名清除掉。代碼簡單易懂，需要的朋友可以參考下2017-07-07
js-cookie插件是一個JS操作cookie的插件，源文件只有3.34 KB，非常輕量級，js-cookie也支持npm和Bower安裝和管理，下面看看js-cookie的具體用法2018-03-03
這篇文章主要為大家詳細(xì)介紹了純原生js實現(xiàn)貪吃蛇游戲的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
jquery中l(wèi)ive()方法和bind()方法區(qū)別分析
這篇文章主要介紹了jquery中l(wèi)ive()方法和bind()方法區(qū)別,結(jié)合實例形式簡單分析了live()方法和bind()方法的功能、使用方法與用法區(qū)別,需要的朋友可以參考下2016-06-06
JavaScript中find()和?filter()方法的區(qū)別小結(jié)
js中find和filter方法大家在工作中會經(jīng)常遇到,那么他們有什么區(qū)別呢？這篇文章主要給大家介紹了關(guān)于JavaScript中find()和?filter()方法區(qū)別的相關(guān)資料,需要的朋友可以參考下2021-12-12
這篇文章主要介紹了JavaScript中數(shù)組去重的5種方法，文中講解非常詳細(xì)，實例代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07