`

JS控制textarea输入中英文字数

    博客分类:
  • JS
阅读更多

IE中的textarea控制不了汉字的输入长度,所以只能自己去写一个脚本取判断。

在web页面中:

<textarea rows="6" cols="40" id="memo" name="memo" class="txt"  onpropertychange="Javascript:zlpc(200);" onpaste="return false;" style='height: 101px;width: 535px;'></textarea>

 添加如下脚本:

<script type="text/javascript"> 
						var lastValue=""; 
						function zlpc(lSize) 
						{ 
							//debugger; 
							if (event.propertyName=="value") 
							if (event.srcElement.value.truelen()>lSize) 
							{ //长度超出时,取消输入 
								//event.returnValue=false; //这种取消事件的方法没有效果 
								//只好用恢复原值的方法 
								event.srcElement.value=lastValue; 
							} 
							else 
							lastValue=event.srcElement.value; 
						} 
						
						String.prototype.truelen=function() 
						{ 
							var i=0; 
							for (var j=0;j<this.length;j++) 
							{ 
							if (this.charCodeAt(j)>255) 
							i+=2; 
							else 
							i++; 
						} 
						return i; 
						} 
				</script>

 

分享到:
评论

相关推荐

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

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

    jQuery编写textarea输入字数限制代码

    接下来,我们探讨如何使用jQuery来限制textarea中的输入字数。当我们需要用户输入不超过特定字数的文本时,字数限制功能就显得尤为重要。在实际开发中,这种需求通常出现在评论、搜索框或者其他需要限制字符数的场景...

    jquery.chineselengthlimit:这是一个可以限制文字框(input[type='text']) 与文字输入区域(textarea) 输入中英文字数的jQuery Plugin

    这是一个可以限制文字框(input[type='text'])与文字输入区域(textarea)输入中英文字数的jQuery Plugin。 Options 下面是可以调整的参数: Options Description limitCount 最大长度限制。预设值为10 。若目标...

    限制textbox或textarea输入字符长度的JS代码

    在标题中提到的“限制textbox或textarea输入字符长度的JS代码”,主要是指使用JavaScript编写的一段脚本,该脚本可以限制用户在网页的输入框中输入的字符数量。字符长度限制在很多场景中都非常有用,比如在线表单、...

    javaScript边打字边显示剩余字数

    在探讨“javaScript边打字边显示剩余字数”这一主题时,我们深入解析了如何在用户输入文本的过程中实时更新并展示剩余可输入字符数量,这一功能尤其适用于留言框、评论区或表单输入限制场景,能有效提升用户体验,...

    jQuery实现限制textarea文本框输入字符数量的方法

    在Web开发中,限制用户在文本区域(textarea)中输入的字符数量是一种常见的需求,尤其是在需要限制输入长度的场景,如微博、评论等。使用jQuery库可以非常简便地实现这样的功能。下面将详细介绍使用jQuery实现限制...

    动态计算文本框内的可输入字数

    在JavaScript中,可以是`&lt;textarea&gt;`元素;在桌面应用如Windows Forms中,则对应`TextBox`控件。 2. **字符计数**:计算用户已输入的字符数量,通常不包括空格或其他特殊字符。在不同的语言中,可能需要处理全角...

    javascript字数验证

    3. **多语言支持**:对于不同语言的文本输入,特别是包含中文等非英文字符的情况,字数限制尤为重要,因为这些字符通常占用更多的字节。 #### 四、扩展功能与注意事项 1. **自定义提示消息**:可以根据需求自定义...

    js判断文本框剩余可输入字数的方法

    总体而言,本文所述的js判断文本框剩余可输入字数的方法,通过JavaScript对用户输入的监听和处理,结合HTML和CSS来构建用户界面,实现了文本输入的即时监控和反馈功能。掌握这些知识点,对于Web前端开发人员来说,...

    jQuery实现新浪微博回复字数限制

    首先,我们需要理解目标是限制用户在输入框中输入的字符数不超过微博平台规定的最大值,例如,新浪微博允许的最大回复字数是140个汉字或280个英文字符。以下是实现这一功能的关键步骤: 1. **HTML结构**:创建一个...

    js实时监控文本框输入字数的实例代码

    在JavaScript编程中,实时监控文本框输入字数是一项常见的需求,尤其在网页表单或文本编辑器中。本文将详细讲解如何实现这一功能,并解决在处理中文输入时遇到的问题。 首先,基本的实时监控字数的方法是通过监听`...

    jQuery计算textarea中文字数(剩余个数)的小程序

    jQuery提供了一种方便的方法来实时计算textarea中的字符数,并显示剩余可输入的字数。这里我们将详细解析提供的jQuery代码,以理解其工作原理。 首先,我们看到HTML部分包含一个`&lt;div&gt;`元素,内部有一个`&lt;p&gt;`标签...

    多行文本输入框字数限制代码

    这段代码中,我们为`&lt;textarea&gt;`添加了一个`input`事件监听器,当用户输入或删除文字时,会检查当前字数。如果超过最大限制,就截取到最大字数。同时,我们假设有一个ID为`counter`的元素用于显示剩余字数,如果存在...

    jquery微博文本字数带提示限制.zip

    为了计算文本的字数,可以使用JavaScript的`.val()`方法获取输入值,并使用`.length`属性获取字符串长度。在大多数情况下,中文字符被视为一个字,英文字符和标点符号也计为一个字。开发者可能还会考虑到全角字符...

    PHP实时统计中文字数和区别

    在前端开发中,有时我们需要实时监测用户在textarea中输入的字符数,以确保不超过预设的限制。这段JavaScript代码展示了如何实现这一功能。首先,它获取textarea的当前文本长度,并将其显示在页面上。然后,通过...

    js实现文本框输入文字个数限制代码

    而JavaScript代码则是负责处理用户输入行为的逻辑,通过监听文本框的输入事件,并实时计算文本框中的文字数量来控制输入。 上述提供的代码示例中,使用了jQuery框架来简化DOM操作和事件处理。在代码中,定义了一个...

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

    15.12 设置textarea中的图片不处于编辑状态 15.13 禁止图像的拷贝 15.14 LOGO像雪花一样落下 15.15 多幅图片分页滚动显示 15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传...

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

    15.12 设置textarea中的图片不处于编辑状态 15.13 禁止图像的拷贝 15.14 LOGO像雪花一样落下 15.15 多幅图片分页滚动显示 15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传...

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

    例如,在一个输入框中只允许用户输入中文,并且还需要限制输入长度。这篇文章将介绍如何在layui中创建一个只允许输入中文的输入框,并且如何判断输入的长度是否符合要求。 ### 知识点一:layui表单验证简介 layui...

Global site tag (gtag.js) - Google Analytics