文本输入框字符字数的控制

发布者: hinet 2010年05月25日围观次点赞:1

源码如下：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> 
   <title>文本输入框字符字数的控制 - www.webdm.cn</title> </head> 
<body> <Script Language = "JavaScript"> 
 <!--  
 function textCounter(theField,theCharCounter,theLineCounter,maxChars,maxLines,maxPerLine)  
 {  
     var strTemp = "";  
     var strLineCounter = 0;  
     var strCharCounter = 0;  
       
     for (var i = 0; i < theField.value.length; i++)  
     {  
         var strChar = theField.value.substring(i, i + 1);  
           
         if (strChar == '\n')  
         {  
             strTemp += strChar;  
             strCharCounter = 1;  
             strLineCounter += 1;  
         }  
         else if (strCharCounter == maxPerLine)  
         {  
             strTemp += '\n' + strChar;  
             strCharCounter = 1;  
             strLineCounter += 1;  
         }  
         else  
         {  
             strTemp += strChar;  
             strCharCounter ++;  
         }  
     }  
       
     theCharCounter.value = maxChars - strTemp.length;  
     theLineCounter.value = maxLines - strLineCounter;  
 }  
 //--> 
 </Script> 
<form name="theForm" method="post" action="">  
    <textarea name="myText" cols="60" rows="10" wrap="VIRTUAL" onKeyUp="textCounter(theForm.myText,theForm.remChars,remLines,6000,165,100);"></textarea>  
    <br>剩余<input name=remChars type=text value="6000" size=3 maxlength=3 readonly>个输入字符   
    <br>剩余<input name=remLines type=text value="165" size=3 maxlength=3 readonly>输入行   
</form>  
 <br /> 
</body> </html>

顶(1)

踩(0)

【搜索相关内容】[打印] [关闭]

上一篇：Adobe高管回应Flash将死传闻:HTML 5永远追不上

下一篇：symbian 5th系统滚动条使用

最新评论

文本输入框字符字数的控制

您可能还会对下面的文章感兴趣：

相关文章