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

 更新时间:2013年08月02日 10:29:25   作者:  
这篇文章介绍了JS限制Textarea文本域字符个数的具体实现,有需要的朋友可以参考一下
复制代码 代码如下:

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

相关文章

  • JavaScript中三种常见的排序方法

    JavaScript中三种常见的排序方法

    本篇文章主要介绍了JavaScript中三种常见的排序方法:快速排序、插入排序、冒泡排序,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js获取当前时间(昨天、今天、明天)

    js获取当前时间(昨天、今天、明天)

    这篇文章主要介绍了js获取当前时间,一种是获取昨天、今天、明天的准确时间,一个精确到时分秒,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 禁止按回车键提交表单的方法

    禁止按回车键提交表单的方法

    这篇文章主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下
    2015-06-06
  • JavaScript生成二维数组的多种方法小结

    JavaScript生成二维数组的多种方法小结

    我经常在面试中问候:你能用 JavaScript 生成一个二维数组吗?这个问题看似简单,实际上却能揭示出面试者对 JavaScript 的熟练程度,天,就让我们一起来探索这个问题背后的答案,揭开生成二维数组的多种秘密,需要的朋友可以参考下
    2024-04-04
  • 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

    前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

    第一届 web rebuild 北京会有个前淘宝前端开发工程师阿当分享的 PPT 在公司团队内部有同事下载的分享,然后看了。发现了有些技术理念的问题:
    2010-01-01
  • layui实现给某一列加点击事件

    layui实现给某一列加点击事件

    今天小编就为大家分享一篇layui实现给某一列加点击事件,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Webpack 5新特性学习与性能优化实践

    Webpack 5新特性学习与性能优化实践

    Webpack 5的新特性和改进为前端开发者提供了更强大、更高效的构建工具,通过内置的持久性缓存插件、优化的默认配置、Webpack CLI的改进等,Webpack 5使得构建过程更加简化,性能更加优越
    2024-05-05
  • 基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)

    基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)

    打地鼠小游戏大家都喜欢玩,本文是以html编写的,并且使用HBulider软件进行编写的,下面通过本文给大家分享基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解,需要的朋友参考下吧
    2017-11-11
  • javascript同步服务器时间和同步倒计时小技巧

    javascript同步服务器时间和同步倒计时小技巧

    本文给出如何在页面上同步显示服务器时间的解决方案,能够实现同步服务器时间、同步倒计时,却不占用服务器太多资源,下面我给写出实现的思路
    2015-09-09
  • 屏蔽网页右键复制和ctrl+c复制的js代码

    屏蔽网页右键复制和ctrl+c复制的js代码

    解决的方法就是直接把网页保存下来然后删掉下面这段js代码,然后就可以正常用右键菜单,也可以通过设置浏览器的安全级别到最高级别来解决问题
    2013-01-01

最新评论