`
conkeyn
  • 浏览: 1522881 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

javascript 计算文本框文字长度

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript 计算文本框文字长度</title>
<script type="text/javascript">
/**
* 把中文字符替换两个星号,可以用来计算中文字符串的长度。
*/
String.prototype.len=function(){
	return this.replace(/[^\x00-\xff]/g,"**").length;
}

/**
* 计算文字长度。
* param1 要计算的文本框ID,<input id="xxxx">----必需
* param2 要限制的文字长度,数值----必需
* param3 剩余几个字符串的span的id,<span id="zzzzz">
*/
function checkContentLength(){
	var content = document.getElementById(arguments[0]);
	var length=50;
	 if(arguments.length==3){
		length=arguments[1];
		var message = document.getElementById(arguments[2]);
		var l=length-content.value.len();
		if(l<0){
			l=0;
		}
		message.innerHTML="剩余"+l+"字";
	}else if(arguments.length==2){
		length=arguments[1];
	}
	if(content.value.len()>length){
		alert("您输入的文字长度已超过限制,请酌情删减!");
	}
}

</script>
</head>
<body>
<textarea cols="50" rows="5" id="content" onkeypress="checkContentLength('content',30,'message')"></textarea><span id="message"></span>
</body>
</html>
 
分享到:
评论

相关推荐

    javascript记录文本框内文字个数检测文字个数变化

    具体来说,函数会计算文本框内容的长度(`obj.value.length`),然后将其赋值给一个指定的`&lt;input&gt;`元素(`contentLen`),用来显示当前的字符数。此外,为了适应短信平台的需求,代码中还考虑了短信的字符限制,即...

    jQuery input文本框文字输入放大显示特效源码.zip

    《jQuery实现输入文本框文字放大显示特效》 在网页设计中,为了提升用户体验,经常会用到各种交互特效。其中,输入框文字放大显示是一种常见且实用的特效,它能够帮助用户更清晰地看到正在输入的文字,尤其适用于...

    JavaScript实现统计文本框Textarea字数增强用户体验

    在网页设计中,提高用户体验是至关重要的,尤其是在社交...需要注意的是,为了更好地适应不同语言的字符长度,如中文、日文等,可能需要对计算剩余字数的逻辑进行调整,确保准确无误地反映出不同字符集下的字数限制。

    jQuery文本框输入文字计数显示代码.zip

    "jQuery文本框输入文字计数显示代码.zip" 提供了一个解决方案,帮助开发者创建一个能够实时显示输入字符数的文本框,以此来限制用户的输入长度,提升用户体验,特别是在需要用户填写特定字数限制的表单场景下。...

    jQuery textarea文本框输入文字字数限制提示代码

    当textarea的`input`事件触发时,我们计算当前的字符数,如果超过了最大长度,就将textarea的值截断。同时,我们更新`counterElement`的内容,显示已输入的字符数。 在实际应用中,你可能还需要添加一些额外的功能...

    jQuery input文本框限制文字输入计数显示

    本主题聚焦于如何使用jQuery来实现一个功能:在input文本框中限制用户输入的文字数量,并实时显示剩余可输入字符数。这个功能在很多场景下都非常实用,例如评论系统、表单填写等,可以有效地帮助用户控制输入内容的...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能,即对textarea输入框进行字数限制,并实时显示当前已输入的字符数,这对于创建表单、评论区或任何需要限制用户输入的场景非常...

    JQuery插件之自增长多行文本框

    而“grow-textarea”插件通过监听用户的输入事件,实时计算文本框需要的高度,使文本框能自适应内容的长度,避免了滚动条的出现,提高了输入的便捷性和可读性。 实现这个功能的核心原理包括以下几点: 1. **事件...

    jQuery计算文本框可输入字数特效代码

    "jQuery计算文本框可输入字数特效代码"就是这样一个实用的工具,它可以帮助开发者轻松实现这一功能。 jQuery是一款轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。在...

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

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

    jQuery文本框字符限制插件-TextArea Counter.pdf

    本文将详细介绍一个基于jQuery的文本框字符限制插件,该插件能够有效地控制文本框的最大输入字符长度,并提供友好的提示信息。 1. 插件功能概述: - 最大输入字符限制:用户可以自定义文本框的最大输入字符数,...

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

    2. **计数器更新**:在事件处理器内部,获取当前文本框的值并计算字符数,然后与最大限制进行比较。 3. **反馈显示**:可以创建一个辅助的标签或提示来显示剩余字数,每当计数器更新时,也更新这个提示。 以下是一...

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

    14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...

    js+css使文本框自动适应内容的高度.docx

    - **JavaScript**:用于监听文本框的内容变化,并根据内容长度动态调整文本框的高度。 #### HTML结构 首先,我们需要创建一个简单的`&lt;textarea&gt;`元素,它将作为用户输入文本的容器: ```html ...

    jQuery文本框字符限制插件-TextArea Counter.docx

    总结来说,jQuery文本框字符限制插件是通过JavaScript和jQuery实现的高效工具,它提供了一种简单且灵活的方式来管理文本框的字符输入,确保了数据的一致性和页面的整洁性。对于需要控制用户输入长度的场合,这款插件...

    js实现文本框宽度自适应文本宽度的方法

    3. 字符长度计算:通过监听文本框中的输入事件,我们可以获取文本框中的文本长度,从而根据长度来调整文本框的尺寸。在上述示例代码中,`getText.value.length`获取了文本框中字符串的长度,并用于调整文本框的`size...

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

    14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...

    jQuery textarea文本框输入文字字数限制提示特效代码

    本教程将详细讲解如何使用jQuery实现textarea文本框的文字字数限制及实时提示功能。 首先,我们需要在HTML中创建一个textarea元素,用于用户输入文本,并添加一个用于显示剩余字数的元素。例如: ```html 请输入...

Global site tag (gtag.js) - Google Analytics