码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-04-26 13:56:55      阅读:233      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!