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> 

相关文章

  • 关于JSON解析的实现过程解析

    关于JSON解析的实现过程解析

    这篇文章主要介绍了关于JSON解析的实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • javascript实现blob加密视频源地址的方法

    javascript实现blob加密视频源地址的方法

    这篇文章主要介绍了javascript实现blob加密视频源地址的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • JavaScript 反科里化 this [译]

    JavaScript 反科里化 this [译]

    本文主要讲了JavaScript中科里化和反科里化this的方法.话题来自于Brendan Eich(JavaScript之父)的一个tweet
    2012-09-09
  • Bootstrap显示与隐藏简单实现代码

    Bootstrap显示与隐藏简单实现代码

    这篇文章主要为大家详细介绍了bootstrap显示与隐藏的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js使用navigator.userAgent判断当前浏览器所处的环境

    js使用navigator.userAgent判断当前浏览器所处的环境

    本文主要介绍了js使用navigator.userAgent判断当前浏览器所处的环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 浅析Bootstrap验证控件的使用

    浅析Bootstrap验证控件的使用

    这篇文章主要介绍了浅析Bootstrap验证控件的使用 的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript中的简写语法分享

    JavaScript中的简写语法分享

    这篇文章主要为大家整理了12个JavaScript中常用的简写语法技巧,文中的示例代码讲解详细,具有一定的参考价值,需要的小伙伴可以收藏一下
    2023-04-04
  • javascript编写简易计算器

    javascript编写简易计算器

    这篇文章主要为大家详细介绍了javascript编写简易计算器的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 简单谈谈axios中的get,post方法

    简单谈谈axios中的get,post方法

    下面小编就为大家带来一篇简单谈谈axios中的get,post方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • JavaScript Function函数类型介绍

    JavaScript Function函数类型介绍

    在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例;而且都与其他引用类型一样具有属性和方法
    2015-04-04

最新评论