控制textarea 只能输入200个以内的字符。
<textarea cols="" rows=""></textarea>
<!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=utf-8" />
<title>无标题文档</title>
</head>
<script language=javascript>
<!--
var maxLen=200;
function checkMaxInput(obj)
{
var m=obj.value.length;
var n=m;
var j=0;
for (var i=0;i<m;i++)
{
if(obj.value.charCodeAt(i)<0||obj.value.charCodeAt(i)>161)
{
n=n+1;
if ( i < 100 )
{
j=j+1;
}
}
}
if(n>maxLen)
{
obj.value=obj.value.substring(0,maxLen-j);
remLen1.innerText='[最大可输入';
remLen2.innerText=maxLen;
remLen3.innerText='字符，';
remLen4.innerText='您已达到输入上限！';
remLen5.innerText=']';
}
else
{
remLen1.innerText='[最大可输入';
remLen2.innerText=maxLen;
remLen3.innerText='字符，还可输入';
remLen4.innerText=maxLen-n;
remLen5.innerText='字符]';
}
}
//-->
</script>
<body >
<textarea name="creditcontent" cols="45" rows="5" onKeyDown="checkMaxInput(this)" onKeyUp="checkMaxInput(this)" onBlur="checkMaxInput(this)" class="12pxbd"></textarea>
<br>
<font id="remLen1"></font>
<font color=red id="remLen2"></font>
<font id="remLen3"></font>
<font color=red id="remLen4"></font>
<font id="remLen5"></font>
/body>
</html>
转自http://lisily.blog.163.com/blog/static/2441452008101025454465/
分享到：
相关推荐
VUE监控textarea输入的字符数量,实时显示可以输入多少个文字。
textarea控制输入长度的例子textarea控制输入长度的例子textarea控制输入长度的例子textarea控制输入长度的例子textarea控制输入长度的例子
在JavaScript中，对`textarea`元素进行输入字符串长度限制是一个常见的需求，特别是在处理用户输入时，需要确保数据格式的正确性。在HTML中，`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...
总之，通过JavaScript的事件监听机制，我们可以精确控制用户在`textarea`中的输入，不仅可以限制字符数，还能实现各种复杂的交互功能。理解并熟练应用这些事件，对于提升网页的用户体验至关重要。
总结来说，jQuery Textarea字符限制插件是一个实用的前端工具，可以帮助开发者实现对textarea输入的字符限制，提供良好的用户体验。通过源代码，我们可以学习到如何利用jQuery进行事件监听、DOM操作以及自定义用户...
本文将深入探讨如何实现对`textarea`文本长度的控制，并实时显示输入字数的统计。 首先，我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言，可以在用户与网页交互时执行，提供动态...
在本场景中，我们关注的是如何利用jQuery实现一个功能，即实时统计textarea输入框内的字符个数。这个功能常见于各种表单提交场景，如社交媒体的评论或博客编辑，用来限制用户输入的最大字符数，提升用户体验。 首先...
本文将详细介绍如何通过JavaScript实现对`textarea`输入长度的控制，并探讨其背后的原理与应用场景。 #### 二、核心功能实现 ##### 1. 实现原理 根据提供的代码片段，我们可以看到一个名为`limitLength`的函数，它...
本示例中，我们将探讨如何使用jQuery实现textarea文本框的字数限制功能，并实时提示用户输入的字符数量。 首先，让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口，提供了一种简洁的方式来选择DOM元素、...
在使用Flex进行Web应用开发时，有时会遇到一个让人头疼的问题：在非主应用程序环境下（例如嵌入到HTML页面中的SWF文件），textarea和input控件无法正常输入中文字符。这不仅影响用户体验，还可能导致功能上的缺失。...
在移动端应用开发过程中，为了提供更好的用户体验以及对用户输入的有效管理，开发者经常需要实现一个功能：当用户在一个`textarea`中输入文字时，实时监控输入的字数，并根据设定的规则来改变界面元素的状态。...
"效果超酷的textarea的输入字数限提示"是一个针对HTML `<textarea>` 元素的JS特效，它能提升用户在填写表单时的体验，通过实时显示剩余可输入字数，帮助用户更好地控制他们的输入内容。本文将深入探讨这个功能的实现...
在网页开发过程中，经常需要对用户输入的数据进行限制，特别是在文本域（`textarea`）中的输入，为了确保数据的有效性和减轻服务器负担，通常会设置一个最大输入长度。本文将详细介绍如何通过HTML属性及JavaScript...
AngularJS 是一个 MV* 框架，最适于开发客户端的单页面应用。它不是个功能库，而是用来开发动态网页的框架。它专注于扩展 HTML 的功能，提供动态数据绑定（data binding），而且它能跟其它框架（如 JQuery 等）合作...
本篇文档提到的“textarea 控制输入字符字节数”的知识点，便是介绍如何通过JavaScript脚本来限制`<textarea>`输入框中输入内容的字节长度。文档中提供了具体的示例代码，通过这些代码，开发者能够限制用户在输入时...
为了实现更复杂的限制逻辑，可以使用JavaScript来动态控制输入长度。以下是一个示例代码： ```javascript function isMaxLength(obj) { var maxLength = obj.getAttribute ? parseInt(obj.getAttribute("maxlength...
<textarea id="myTextarea" placeholder="请输入不超过200个字符"></textarea> ``` 接下来，`js`文件中将包含jQuery代码，这部分代码主要负责监听textarea的输入事件，并实时计算字符数。以下是一个基本的实现示例...
这两个事件监听器被绑定在`textarea`元素上，用以实现当用户输入时，对输入的字符数进行实时的限制和统计。 ### 知识点二：HTML中的`textarea`元素 `textarea`是一个HTML元素，用于创建一个多行的文本输入控件。...
为了提供更好的用户体验，尤其是当需要限制用户输入的字数时，一个效果超酷的`textarea`字数限制提示可以极大地提升界面的交互性和专业性。本文将深入探讨如何通过CSS美化`textarea`，并实现动态的字数限制功能。 ...