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

更新时间：2013年06月17日 09:41:18 作者：

JS控制文本框textarea输入字数限制的方法，需要的朋友可以参考一下

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

您可能感兴趣的文章:

通过location.replace禁止浏览器后退防止重复提交
如果用户重复提交事件，然后又后退，这样可能会对某些数据产生灾难性的问题。所以今天就向大家介绍一种通过location.replace禁止浏览器后退按钮的方法
2014-09-09
JS求1到任意数之间的所有质数的方法详解
这篇文章主要介绍了JS求1到任意数之间的所有质数，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
2019-05-05
JavaScript实现滑块验证码
这篇文章主要为大家详细介绍了JavaScript实现滑块验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
Javascript改变CSS样式(局部和全局)
改变CSS样式分为局部和全局，下面为大家介绍下使用Javascript具体的实现，感兴趣的朋友可以参考下
2013-12-12
js中try catch使用遇到的问题
大家应该都知道try…catch的作用是测试代码中的错误,下面这篇文章主要给大家介绍了关于js中try catch使用遇到的问题,文中将问题的解决办法介绍的非常详细,需要的朋友可以参考下
2023-06-06
一文学会JavaScript如何手写防抖节流
其实防抖和节流不仅仅在面试中会让大家手写，在实际项目中也可以起到性能优化的作用，所以还是很有必要掌握的。这篇文章就带大家彻底学会JavaScript手写防抖节流，希望对大家有所帮助
2022-11-11
脚本安需导入(装载)的三种模式的对比
脚本安需导入(装载)的三种模式的对比...
2007-06-06
js实现网页定位导航功能
这篇文章主要为大家详细介绍了js实现网页定位导航功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
JS简单实现动态添加HTML标记的方法示例
这篇文章主要介绍了JS简单实现动态添加HTML标记的方法,结合实例形式分析了JavaScript使用createElement()方法针对页面元素进行动态操作相关实现技巧,需要的朋友可以参考下
2018-04-04
JavaScript关联数组用法分析【概念、定义、遍历】
这篇文章主要介绍了JavaScript关联数组用法,结合实例形式分析了关联数组的概念、定义与遍历操作相关实现技巧,需要的朋友可以参考下
2017-03-03