JS限制Textarea文本域字符个数的具体实现_javascript技巧

复制代码 代码如下:

   <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>

时间: 2024-09-19 23:53:53

JS限制Textarea文本域字符个数的具体实现_javascript技巧的相关文章

JS限制Textarea文本域字符个数

<html> <head> <title>JS限制Textarea文本域字符个数</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <SCRIPT LANGUAGE="JavaScript"> <!--// function textCounter(field,

JS限制Textarea文本域字符个数的具体实现

这篇文章介绍了JS限制Textarea文本域字符个数的具体实现,有需要的朋友可以参考一下   复制代码 代码如下:    <head>       <title>JS限制Textarea文本域字符个数</title>       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />       <SCRIPT LANGUAGE

基于JS实现textarea中获取动态剩余字数的方法_javascript技巧

案例介绍:我们常见到有的网站有textarea文本框,当你输入的时候,下面有文字提示还能输入多少个字,今天就是要实现这个功能.当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的进行封装一下.当然我的封装还有缺漏,但是基本功能是实现了. 首先介绍下单个textarea实现案例 html部分: <textarea id="text_txt1"></textarea> <span id ="num_txt1&qu

js仿微博实现统计字符和本地存储功能_javascript技巧

随着移动设备和Web应用的普及,为了更好的便于用户的使用,对于网页或应用程序的用户体验要求就越来越高,确实是这样,作为用户更喜欢选择用户体验效果好的网站或应用程序,所以作为开发者的我们就需要开发出更人生化的应用程序了. 相信许多人有使用微博的经验,像微博这样的社交平台,好的用户体验就变得尤其重要了. 例如:我们在发微博时,文本框会实时地提示我们剩余字符数,这样人性化的提示方便了用户知道微博字数的限制,同时也限制了用户的输入字数. 有一句话我们要牢记在心的是:凡是输入,必有限制:凡是输入,必须校验

textarea 控制输入字符字节数(示例代码)_javascript技巧

按字符数控制: 复制代码 代码如下: <textarea name="gbContent"  style="width: 500px; height: 200px;"             onkeyup="if(this.value.length>2000) this.value=this.value.substr(0,2000)"             onkeydown="if(this.value.length&

js怎么样限制文本域的行数

问题描述 js怎么限制文本域的行数,functioncheck(){varDP=document.getElementById("connt");varCDP=DP.createTextRange().getClientRects();if(CDP.length>20){alert("行数不能超过20");returnfalse;}returntrue;}这个不兼容火狐..那位大侠帮帮忙,小弟这先说声谢谢了.. 解决方案 解决方案二:http://www.va

JS给Textarea文本框添加行号的方法_javascript技巧

本文实例讲述了JS给Textarea文本框添加行号的方法.分享给大家供大家参考.具体如下: 这里使用JS实现让Textarea文本框显示行号的功能,每一行的前面都会有下数字序号,如果用来显示代码的话,可以直接找到某一行,如果不显示行号,则还要自己手功去查,想要此功能,你只需设置好TextArea ID,并加入代码中的JavaScript代码部分即可,文本框的长宽则是由CSS来控制的,你可试着修改一下,长宽的显示要与JS相匹配. 运行效果截图如下: 在线演示地址如下: http://demo.jb

文本域 textarea:CSS让Textarea文本域根据内容自适应高度fenge文本域

  <title>文本域自适应高度 - www.cxybl.com</title> <textarea style="width:300px;overflow-y:visible">在这里输入一些字符看一下,当超出初设的文本域高度时,文本域自动伸缩变高. 本文链接http://www.cxybl.com/html/wyzz/CSS/20130908/40081.html

js判断复选框是否选中及选中个数的实现代码_javascript技巧

用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示 <HTML> <head> <title>判断复选框是否选中及选中个数</title> <SCRIPT LANGUAGE="JavaScript"> function countChoices(obj) { max = 2; box1 = obj.form.box1.che