首页 > Web开发 > 详细

js 控制<input type=textarea/>输入字数限制

时间:2016-04-26 13:55:59      阅读:222      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html> 
   <head> 
   <title>JS限制Textarea文本域字符个数</title> 
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
   <SCRIPT LANGUAGE="JavaScript"> 
   <!--// 
   function textCounter(field, countfield, maxlimit) { 
   // 函数,3个参数,表单名字,表单域元素名,限制字符; 
   if (field.value.length > maxlimit) 
   //如果元素区字符数大于最大字符数,按照最大字符数截断; 
   field.value = field.value.substring(0, maxlimit), 
   countfield.value=0;
   else 
   //在记数区文本框内显示剩余的字符数; 
   countfield.value = maxlimit - field.value.length; 
   } 
   //--> 
   </SCRIPT> 
   </head> 
   <body> 
    <form name=myform action=""> 
        <textarea name="message" cols="28" rows="5" onKeyDown="textCounter(message,remLen,10);" onKeyUp="textCounter(message,remLen,10);"></textarea> 
        您还可以输入:<input name="remLen" type="text" value="10" size="5" readonly="readonly">个字符 
    </form> 
   </body> 
   </html> 

js 控制<input type=textarea/>输入字数限制

原文:http://www.cnblogs.com/dangjianshun/p/5434579.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!