`
guxiao05
  • 浏览: 8827 次
  • 性别: Icon_minigender_1
  • 来自: 未知地区
社区版块
存档分类
最新评论

javascript判断textarea输入文字的长度

阅读更多

<textarea rows="4" cols="30" id="test" onKeyUp="textLimitCheck(this, 250);"></textarea>
<br/>(限 250 个字符  已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字)
<script language=javascript>    
String.prototype.getBytes = function() {   
    var cArr = this.match(/[^\x00-\xff]/ig);   
    return this.length + (cArr == null ? 0 : cArr.length);   
}
function textLimitCheck(thisArea, maxLength){
	var len = thisArea.value.getBytes();
	if (len > maxLength)
	{
	    alert(maxLength + ' 个字限制. \r超出的将自动去除.');
		var tempStr = "";
		var areaStr = thisArea.value.split("");
		var tempLen = 0;
		for(var i=0,j=areaStr.length;i<j;i++){
			tempLen += areaStr[i].getBytes();
			if(tempLen<=maxLength){
				tempStr += areaStr[i];
			}				
		}		    
		thisArea.value = tempStr
		thisArea.focus();
		}
		/*回写span的值,当前填写文字的数量*/
		messageCount.innerText = thisArea.value.length;
	}
</script> 
 
分享到:
评论

相关推荐

    javascript常用判断

    ### JavaScript常用判断知识点详解 #### 1. 字符串长度限制与判断 在网页表单设计中,常常需要对用户输入的数据进行长度限制,避免过长的文本输入导致数据库存储问题或者界面显示不美观。 ##### 实现方法 可以通过...

    vue结合html实时截取textarea文本

    在开发Web应用时,有时我们需要实现一种功能,即在用户输入textarea时实时截取文本,这在例如富文本编辑器、聊天应用或者实时预览文本格式的场景中非常常见。Vue.js是一个流行的JavaScript框架,它提供了响应式的...

    手机端textarea中输入字数监控

    在移动端应用开发过程中,为了提供更好的用户体验以及对用户输入的有效管理,开发者经常需要实现一个功能:当用户在一个`textarea`中输入文字时,实时监控输入的字数,并根据设定的规则来改变界面元素的状态。...

    js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数

    根据提供的文件信息,本文将介绍如何使用JavaScript(简称js)技术来实现对网页中的多行文本输入框(textarea)输入字符数的限制。同时,将展示如何通过监听键盘的按下(onKeyDown)和抬起(onKeyUp)事件,来动态地...

    js限制textarea每行输入字符串长度的代码

    在本文中,我们将学习如何使用JavaScript来限制HTML中的textarea元素,使得用户在每行输入时的字符串长度不超过特定的限制。这在某些场景下非常有用,例如当我们需要用户填写格式化的文本,如留言、评论等,并且希望...

    layui输入框只允许输入中文且判断长度的例子

    这篇文章将介绍如何在layui中创建一个只允许输入中文的输入框,并且如何判断输入的长度是否符合要求。 ### 知识点一:layui表单验证简介 layui框架提供了非常强大的表单验证功能,通过内置的`lay-verify`属性,可以...

    JS TextArea字符串长度限制代码集合

    本篇文章提供了一种针对JavaScript环境下TextArea文本域字符串长度限制的方法,并着重解决了一个特定问题:在Internet Explorer(IE)浏览器中,当用户输入日语和全角字符时出现的BUG。 该方法中,提出了一个名为...

    Growy一个类似Textarea的web组件当用户输入时自动扩展

    通过比较新旧文本的长度,我们可以判断是否需要扩展组件,并根据文字数量动态调整textarea的CSS属性,如高度(`height`)。 为了实现平滑的动画效果,Growy可能还利用了CSS3的过渡效果(`transition`)。通过设置适当...

    基于jquery的textarea发布框限制文字字数输入(添加中文识别)

    根据给定的文件信息,以下是对标题、描述、标签和部分内容中提及的知识点的详细说明: ...通过本例的学习,开发者可以掌握在实际项目中如何动态限制textarea输入长度,并对中英文字符进行准确的计数。

    js 限制表单输入长度 汉字为两个字符

    在JavaScript中,限制表单输入长度是一个常见的需求,特别是在用户填写信息时,为了防止过长的文本导致数据处理问题或界面展示不协调。本话题主要介绍如何限制输入字段(特别是汉字)的长度,并实时显示剩余可输入...

    js如何判断输入字符串长度

    在网页设计中,经常需要处理用户输入的数据,其中判断输入字符串的长度是非常常见的需求。尤其是在涉及到数据库表字段长度限制时,如果用户输入的数据超过了设定的最大字符长度,将会导致提交失败。因此,在用户实际...

    JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)

    首先,我们来分析标题:"JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)"。标题中提到的“JS”是JavaScript的缩写,它是一种广泛用于网页开发的脚本语言。标题描述了一个具体的编程任务,即需要编写...

    程序天下:JavaScript实例自学手册

    3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19...

    javascript表单验证大全

    判断是否输入汉字与仅允许输入汉字 对于需要输入中文的场景,可以使用正则表达式来实现汉字输入的限制: ```javascript (/[^\u4E00-\u9FA5]/g,'')"&gt; ``` 这里使用了正则表达式`/[^\u4E00-\u9FA5]/g`来匹配所有非...

    javascript处理表单大全

    当用户在文本框中输入超过指定长度时,通过JavaScript进行限制。 ```javascript function test() { if (document.a.b.value.length &gt; 50) { alert("不能超过 50 个字符!"); document.a.b.focus(); return ...

    js验证,javascript

    - **条件判断**:使用`if`语句判断`textarea`的值(即`document.a.b.value`)的长度是否超过50。如果超过,则弹出警告框,并使光标聚焦到`textarea`上,最后返回`false`阻止表单提交。 - **应用场景**:适用于各种...

    jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)

    本文将详细介绍如何使用jQuery实现一个字符输入个数的判断功能,并在超过指定长度时自动进行截取处理。具体而言,该功能会根据不同的字符类型来计算长度:对于数字和英文字母,每个字符计为1个单位;而对于中文字符...

    js textarea自动下拉(带计数)图

    自动下拉功能主要是指当用户在 textarea 中输入文字时,textarea 的高度能够根据内容自动扩展,从而避免内容溢出,提供更好的用户体验。这种功能在很多网站中都有应用,比如微博、博客等平台的评论区。 #### 1.3 ...

Global site tag (gtag.js) - Google Analytics