快捷導(dǎo)航

js限制文本框的輸入內(nèi)容代碼分享（3類）

更新時(shí)間：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>&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)算符號:

<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)文章

echarts實(shí)現(xiàn)晶體球面投影的實(shí)例教程
這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)晶體球面投影的相關(guān)資料，文中介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
微信小程序使用radio顯示單選項(xiàng)功能【附源碼下載】
這篇文章主要介紹了微信小程序使用radio顯示單選項(xiàng)功能,涉及針對radio組件事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12
js實(shí)現(xiàn)數(shù)組和對象的深淺拷貝
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)組和對象的深淺拷貝，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
解析Javascript單例模式概念與實(shí)例
本文將介紹Javascript模式中較為常見和實(shí)用的模式——單例模式，主要分為概念和實(shí)例部分。在介紹實(shí)例的同時(shí)也會對代碼中額外的知識點(diǎn)進(jìn)行講解。需要的朋友可以看下
2016-12-12
JavaScript實(shí)現(xiàn)定時(shí)隱藏與顯示圖片的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)定時(shí)隱藏與顯示圖片的方法,可實(shí)現(xiàn)javascript定時(shí)關(guān)閉圖片的功能,涉及javascript針對頁面元素屬性定時(shí)操作的相關(guān)技巧,需要的朋友可以參考下
2015-08-08
JS實(shí)現(xiàn)拼圖游戲
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
JS實(shí)現(xiàn)讀取xml內(nèi)容并輸出到div中的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)讀取xml內(nèi)容并輸出到div中的方法,涉及javascript針對xml格式數(shù)據(jù)的讀取、遍歷、輸出等相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
跨瀏覽器的事件對象介紹
雖然IE的事件對象與DOM的事件對象存在差異，但是IE事件對象中所包含的信息和能力，與DOM事件對象是相同的，只是表現(xiàn)形式不同而已，通過映射的方式，我們可以實(shí)現(xiàn)兼容IE和DOM事件對象的事件對象
2012-06-06
基于JavaScript打造一款桌面級便簽系統(tǒng)
本文將用html，css和JavaScript實(shí)現(xiàn)一個(gè)簡單的便簽系統(tǒng)。除非手動清空便簽，否則便簽會一直保留，非常方便。感興趣的小伙伴可以跟隨小編一起動手試一試
2022-02-02
html5+CSS 實(shí)現(xiàn)禁止IOS長按復(fù)制粘貼功能
因?yàn)樵谝苿佣薃PP需要實(shí)現(xiàn)長按執(zhí)行別的事件，但是在iOS系統(tǒng)有默認(rèn)的長按選擇復(fù)制粘貼。禁止在網(wǎng)上找了很多資料，下面小編給大家分享解決方案，一起看看吧
2016-12-12