js統(tǒng)計錄入文本框中字符的個數(shù)并加以限制不超過多少
更新時間：2014年05月23日 09:28:38 作者：
為了更直觀的體現(xiàn)用戶在文本框輸入文本時能看到自己輸入了多少字，并且有些特殊的要求字?jǐn)?shù)不超過多少，本文給出了具體的實(shí)現(xiàn)
有些需求是為了更直觀的體現(xiàn)用戶在文本框輸入文本時能看到自己輸入了多少字，并且有些特殊的要求字?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>
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- js計算文本框輸入的字符數(shù)
- 限制文本框輸入N個字符的js代碼
- 如何用javascript計算文本框還能輸入多少個字符
- JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計
- js監(jiān)聽鼠標(biāo)事件控制textarea輸入字符串的個數(shù)
- JS限制Textarea文本域字符個數(shù)的具體實(shí)現(xiàn)
- JS實(shí)現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數(shù)及最大個數(shù)功能示例
- JS實(shí)現(xiàn)區(qū)分中英文并統(tǒng)計字符個數(shù)的方法示例
- jquery判斷字符輸入個數(shù)（數(shù)字英文長度記為1，中文記為2，超過長度自動截取）
- JS與jQuery判斷文本框還剩多少字符可以輸入的方法
相關(guān)文章
js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細(xì)說明版
之前在修改IE6下的一個顯示bug時，查到過這些，貼這備忘，后面給出了詳細(xì)說明，以前的版本，沒仔細(xì)的說明，特希望大家也收藏下。2011-01-01
JSON 的正確用法探討：Pyhong、MongoDB、JavaScript與Ajax
這篇文章主要介紹了JSON 的正確用法探討：Pyhong、MongoDB、JavaScript與Ajax的相關(guān)資料,具有參考借鑒價值，需要的朋友一起學(xué)習(xí)吧2016-05-05
js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計時效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)點(diǎn)擊獲取驗(yàn)證碼倒計時效果，這種效果大家經(jīng)常遇到，示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-10-10
使用Web Uploader實(shí)現(xiàn)多文件上傳
這篇文章主要介紹了使用Web Uploader實(shí)現(xiàn)多文件上傳的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript實(shí)現(xiàn)購物車圖片局部放大預(yù)覽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript如何通過canvas簡單實(shí)現(xiàn)購物車圖片放大預(yù)覽效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
深入淺析javascript立即執(zhí)行函數(shù)
在Javascript中，任何function在執(zhí)行的時候都會創(chuàng)建一個執(zhí)行上下文，因?yàn)闉閒unction聲明的變量和function有可能只在該function內(nèi)部，這個上下文，在調(diào)用function的時候，提供了一種簡單的方式來創(chuàng)建自由變量或私有子function。2015-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript封裝彈框插件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
JavaScript數(shù)組方法-系統(tǒng)性總結(jié)詳解
本文是小編給大家特意整理的關(guān)于js數(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圖自動輪播切換 ，需要的朋友可以參考下2017-02-02