快捷導(dǎo)航

js統(tǒng)計(jì)錄入文本框中字符的個(gè)數(shù)并加以限制不超過多少

更新時(shí)間：2014年05月23日 09:28:38 作者：

為了更直觀的體現(xiàn)用戶在文本框輸入文本時(shí)能看到自己輸入了多少字，并且有些特殊的要求字?jǐn)?shù)不超過多少，本文給出了具體的實(shí)現(xiàn)

有些需求是為了更直觀的體現(xiàn)用戶在文本框輸入文本時(shí)能看到自己輸入了多少字，并且有些特殊的要求字?jǐn)?shù)不超過多少，下面是實(shí)現(xiàn)：

 
<html> 
<head> 
<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function tjzs(){ 
var count = $("#nr").val().length; 
if(count>10){ 
var nr = $("#nr").val().substring(0,10); 
$("#nr").val(nr); 
count=10; 
} 
$("#zs").val(count); 
} 
</script> 
</head> 
<body> 
<div style="72px;width:202px;" > 
<textarea id="nr" style="height:70px;width:200px;" onkeyup="tjzs()" onpropertychange="if (value.length>10) value=value.substring(0,10)"></textarea> 
字?jǐn)?shù)限制：<input type="text" id="zs" value="0" lang="4"/>0/10 
</div> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

js中top、clientTop、scrollTop、offsetTop的區(qū)別文字詳細(xì)說明版
之前在修改IE6下的一個(gè)顯示bug時(shí)，查到過這些，貼這備忘，后面給出了詳細(xì)說明，以前的版本，沒仔細(xì)的說明，特希望大家也收藏下。
2011-01-01
JSON 的正確用法探討：Pyhong、MongoDB、JavaScript與Ajax
這篇文章主要介紹了JSON 的正確用法探討：Pyhong、MongoDB、JavaScript與Ajax的相關(guān)資料,具有參考借鑒價(jià)值，需要的朋友一起學(xué)習(xí)吧
2016-05-05
js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計(jì)時(shí)效果，這種效果大家經(jīng)常遇到，示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-10-10
使用Web Uploader實(shí)現(xiàn)多文件上傳
這篇文章主要介紹了使用Web Uploader實(shí)現(xiàn)多文件上傳的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
JavaScript實(shí)現(xiàn)購(gòu)物車圖片局部放大預(yù)覽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript如何通過canvas簡(jiǎn)單實(shí)現(xiàn)購(gòu)物車圖片放大預(yù)覽效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-03-03
深入淺析javascript立即執(zhí)行函數(shù)
在Javascript中，任何function在執(zhí)行的時(shí)候都會(huì)創(chuàng)建一個(gè)執(zhí)行上下文，因?yàn)闉閒unction聲明的變量和function有可能只在該function內(nèi)部，這個(gè)上下文，在調(diào)用function的時(shí)候，提供了一種簡(jiǎn)單的方式來創(chuàng)建自由變量或私有子function。
2015-10-10
JavaScript封裝彈框插件的方法
這篇文章主要為大家詳細(xì)介紹了JavaScript封裝彈框插件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
JavaScript數(shù)組方法-系統(tǒng)性總結(jié)詳解
本文是小編給大家特意整理的關(guān)于js數(shù)組方法的知識(shí)，非常實(shí)用，在面試筆試題中經(jīng)常用得到，有需要的朋友可以參考下
2021-09-09
js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法
這篇文章主要介紹了js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法,涉及javascript中split方法及數(shù)組的操作技巧,需要的朋友可以參考下
2015-05-05
使用原生的javascript來實(shí)現(xiàn)輪播圖
這篇文章主要介紹了使用原生的javascript來實(shí)現(xiàn)輪播圖,在代碼底部給大家補(bǔ)充了原生javascript實(shí)現(xiàn)banner圖自動(dòng)輪播切換，需要的朋友可以參考下
2017-02-02