快捷導(dǎo)航

JS控制文本框textarea輸入字數(shù)限制的方法

更新時間：2013年06月17日 09:41:18 作者：

JS控制文本框textarea輸入字數(shù)限制的方法，需要的朋友可以參考一下

<html>  
   <head>  
   <title>JS限制Textarea文本域字符個數(shù)</title>  
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
   <SCRIPT LANGUAGE="JavaScript">  
   <!--//  
   function textCounter(field, countfield, maxlimit) {  
   // 函數(shù)，3個參數(shù)，表單名字，表單域元素名，限制字符；  
   if (field.value.length > maxlimit)  
   //如果元素區(qū)字符數(shù)大于最大字符數(shù)，按照最大字符數(shù)截斷；  
   field.value = field.value.substring(0, maxlimit);  
   else  
   //在記數(shù)區(qū)文本框內(nèi)顯示剩余的字符數(shù)；  
   countfield.value = maxlimit - field.value.length;  
   }  
   //-->  
   </SCRIPT>  
   </head>  
   <body>  
    <form name=myform action="">  
        <textarea name="message" cols="28" rows="5" onKeyDown="textCounter(message,remLen,6);" onKeyUp="textCounter(message,remLen,6);"></textarea>  
        您還可以輸入:<input name="remLen" type="text" value="6" size="5" readonly="readonly">個字符  
    </form>  
   </body>  
   </html>  

您可能感興趣的文章:

相關(guān)文章

關(guān)于JSON解析的實現(xiàn)過程解析
這篇文章主要介紹了關(guān)于JSON解析的實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-10-10
javascript實現(xiàn)blob加密視頻源地址的方法
這篇文章主要介紹了javascript實現(xiàn)blob加密視頻源地址的方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-08-08
JavaScript 反科里化 this [譯]
本文主要講了JavaScript中科里化和反科里化this的方法.話題來自于Brendan Eich(JavaScript之父)的一個tweet
2012-09-09
Bootstrap顯示與隱藏簡單實現(xiàn)代碼
這篇文章主要為大家詳細介紹了bootstrap顯示與隱藏的簡單實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
淺析Bootstrap驗證控件的使用
這篇文章主要介紹了淺析Bootstrap驗證控件的使用的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
JavaScript中的簡寫語法分享
這篇文章主要為大家整理了12個JavaScript中常用的簡寫語法技巧，文中的示例代碼講解詳細，具有一定的參考價值，需要的小伙伴可以收藏一下
2023-04-04
javascript編寫簡易計算器
這篇文章主要為大家詳細介紹了javascript編寫簡易計算器的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
簡單談?wù)刟xios中的get,post方法
下面小編就為大家?guī)硪黄唵握務(wù)刟xios中的get,post方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
JavaScript Function函數(shù)類型介紹
在JS中,Function(函數(shù))類型實際上是對象;每個函數(shù)都是Function類型的實例;而且都與其他引用類型一樣具有屬性和方法
2015-04-04