提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

JS控制文本框textarea输入字数限制的方法

JS控制方法输入 限制 文本框 textarea 字数
2023-06-13 09:15:01 时间
复制代码代码如下:

<html> 
  <head> 
  <title>JS限制Textarea文本域字符个数</title> 
  <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> 
  <SCRIPTLANGUAGE="JavaScript"> 
  <!--// 
  functiontextCounter(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> 
   <formname=myformaction=""> 
       <textareaname="message"cols="28"rows="5"onKeyDown="textCounter(message,remLen,6);"onKeyUp="textCounter(message,remLen,6);"></textarea> 
       您还可以输入:<inputname="remLen"type="text"value="6"size="5"readonly="readonly">个字符 
   </form> 
  </body> 
  </html> 

相关文章