菜单

JS限制Textarea文本域字符个数程序,JS控制文本框textarea输入字数限制的方法

2019年8月2日 - 前端排行

复制代码 代码如下:

复制代码 代码如下:

在js中限制用户输入数字时我们核心代码就是在testarea中加onKeyDown事件,然后写一个字符判断函数,判断field.value.length是不是大于我们设置的字符长度了,如果是的我们就substring截断。

   <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)   
   //如果元素区字符数大于最大字符数,按照最大字符数截断;   
   fieldfield.value = field.value.substring(0, maxlimit);   
   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,6);” onKeyUp=
“textCounter(message,remLen,6);”></textarea>   
        您还可以输入:<input name=”remLen” type=”text” value=”6″
size=”5″ readonly=”readonly”>个字符   
    </form>   
   </body>   
   </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); 
   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,6);”
onKeyUp=”textCounter(message,remLen,6);”></textarea> 
        您还可以输入:<input name=”remLen” type=”text” value=”6″
size=”5″ readonly=”readonly”>个字符 
    </form> 
   </body> 
   </html> 

 代码如下

您可能感兴趣的文章:

您可能感兴趣的文章:

复制代码

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图