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

更新时间：2013年12月27日 10:09:55 作者：

本篇文章主要是对textarea 控制输入字符字节数的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

按字符数控制：

<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>2000) this.value=this.value.substr(0,2000)"
             onblur="if(this.value.length>2000) this.value=this.value.substr(0,2000)"
             onpropertychange= "if(this.value.length>2000) this.value=this.value.substr(0,2000)"></textarea>

按字节数控制：

复制代码代码如下:

<textarea cols="50" id="description" name="userModel.description" rows="5"
      onkeydown="key1=this.value;value1 = key1.replace(/[\u4e00-\u9fa5]/g,' ');if(value1.length>500) this.value=this.value.substr(0,500)" 
      onkeyup="key1=this.value;value1 = key1.replace(/[\u4e00-\u9fa5]/g,' ');if(value1.length>500) this.value=this.value.substr(0,500)"
      onblur="key1=this.value;value1 = key1.replace(/[\u4e00-\u9fa5]/g,' ');if(value1.length>500) this.value=this.value.substr(0,500)"  
      onchange="key1=this.value;value1 = key1.replace(/[\u4e00-\u9fa5]/g,' ');if(value1.length>500) this.value=this.value.substr(0,500)"></textarea>

您可能感兴趣的文章:

禁止iframe脚本弹出的窗口覆盖了父窗口的方法
这篇文章主要介绍了如何禁止iframe里面的脚本弹出的窗口覆盖了父窗口,经测试，貌似只能在IE下进行需要的朋友可以参考下
2014-09-09
js实现从中间开始往上下展开网页窗口的方法
这篇文章主要介绍了js实现从中间开始往上下展开网页窗口的方法,是非常实用的js窗口效果,需要的朋友可以参考下
2015-03-03
js使用递归解析xml
这篇文章主要介绍了js使用递归解析xml,需要的朋友可以参考下
2014-12-12
返回页面顶部top按钮通过锚点实现(自写)
用户在使用系统时，会有很多表单的操作然而很多表单就会很长,所以就需要一个返回页面顶部的top按钮啦，于是自己写了一个，喜欢的朋友可以参考下
2013-08-08
js实现兼容PC端和移动端滑块拖动选择数字效果
这篇文章主要为大家详细介绍了js实现兼容PC端和移动端滑块拖动选择数字的效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
微信小程序如何使用Promise对wx.request()封装详解(附完整代码)
微信小程序的wx.request是微信小程序最早生成的数据库传输模式,数据传输简单明确,下面这篇文章主要给大家介绍了关于微信小程序如何使用Promise对wx.request()封装的相关资料,需要的朋友可以参考下
2023-03-03
uni-app表单组件(form表单)用法举例
平时我们经常会使用到表单,下面这篇文章主要给大家介绍了关于uni-app表单组件(form表单)的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
使用 bootstrap modal遇到的问题小结
bootstrap提供了一个写好的css文件和js文件然而在使用时遇到了一下并不是很好的问题，今天在使用弹出对话框时遇到了一个这样的问题，今天小编给大家分享下使用 bootstrap modal遇到的问题小结，一起看看吧
2016-11-11
JS绑定事件的3种方法举例示范(简单易懂)
在JavaScript的学习中我们经常会遇到JavaScript的事件机制,例如事件绑定、事件监听、事件委托（事件代理）等,这篇文章主要给大家介绍了关于JS绑定事件的3种方法,需要的朋友可以参考下
2023-11-11
微信小程序如何获取网络状态
这篇文章主要介绍了微信小程序如何获取网络状态,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-07-07