<style type="text/css">
<!--
.STYLE1 {
 color: #0099FF;
 font-weight: bold;
 font-size: x-large;
}
-->
</style>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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>

運(yùn)行效果圖：

下面再給大家補(bǔ)充一些：

小數(shù)點(diǎn)后只能有最多兩位(數(shù)字,中文都可輸入),不能輸入字母和運(yùn)算符號(hào):

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">

文本框只能輸入數(shù)字代碼(小數(shù)點(diǎn)也不能輸入)

<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

其實(shí)還可以限制其他內(nèi)容，比如只能是字母，大家可以嘗試一些其他的。

以上就是為大家分享的JavaScript限制文本框的輸入內(nèi)容代碼

您可能感興趣的文章:

相關(guān)文章

小程序?qū)崿F(xiàn)搜索界面小程序?qū)崿F(xiàn)推薦搜索列表效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)搜索界面，小程序?qū)崿F(xiàn)推薦搜索列表效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
JS中的JSON對象的定義和取值實(shí)現(xiàn)代碼
這篇文章主要介紹了JS中的JSON對象的定義和取值實(shí)現(xiàn)代碼,也是json的入門知識(shí)，需要的朋友可以參考下
2018-05-05
input獲取焦點(diǎn)時(shí)底部菜單被頂上來問題的解決辦法
這篇文章主要介紹了解決input獲取焦點(diǎn)時(shí)底部菜單被頂上來問題的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下
2017-01-01
詳解如何在JS代碼中消滅for循環(huán)
這篇文章主要介紹了詳解如何在JS代碼中消滅for循環(huán)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
JS仿QQ好友列表展開、收縮功能(第二篇)
這篇文章主要介紹了JS仿QQ好友列表展開、收縮功能,當(dāng)點(diǎn)擊一個(gè)li元素，其他li元素上的類名清除掉。代碼簡單易懂，需要的朋友可以參考下
2017-07-07
輕量級(jí)JS Cookie插件js-cookie的使用方法
js-cookie插件是一個(gè)JS操作cookie的插件，源文件只有3.34 KB，非常輕量級(jí)，js-cookie也支持npm和Bower安裝和管理，下面看看js-cookie的具體用法
2018-03-03
純原生js實(shí)現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了純原生js實(shí)現(xiàn)貪吃蛇游戲的相關(guān)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
jquery中l(wèi)ive()方法和bind()方法區(qū)別分析
這篇文章主要介紹了jquery中l(wèi)ive()方法和bind()方法區(qū)別,結(jié)合實(shí)例形式簡單分析了live()方法和bind()方法的功能、使用方法與用法區(qū)別,需要的朋友可以參考下
2016-06-06
JavaScript中find()和?filter()方法的區(qū)別小結(jié)
js中find和filter方法大家在工作中會(huì)經(jīng)常遇到,那么他們有什么區(qū)別呢？這篇文章主要給大家介紹了關(guān)于JavaScript中find()和?filter()方法區(qū)別的相關(guān)資料,需要的朋友可以參考下
2021-12-12
JavaScript中數(shù)組去重的5種方法
這篇文章主要介紹了JavaScript中數(shù)組去重的5種方法，文中講解非常詳細(xì)，實(shí)例代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07