不考虑中文，中文当作一个字符来处理。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
//验证内容字数
function keyUp(){
var brief = document.form1.brief;
if ( 9 >= brief.value.length >= 1 ){
var nn = "0" + brief.value.length;
}else{
var nn = brief.value.length;
}
var num = document.getElementById('num');
var numsh = document.getElementById('numShYu');
if (parseInt(brief.value.length) >= 200){
alert("内容已达到最大字数，不能再输入！");
brief.value = brief.value.substring(0,200);
num.innerHTML = "200";
numsh.innerHTML = "0";
return false;
}
num.innerHTML = nn;
numsh.innerHTML = 200 - parseInt(brief.value.length);
}
</script>
</HEAD>
<BODY>
<form name=form1>
<div align="left">
<textarea onkeyup="keyUp();" name="brief" cols="90" rows="5" id="brief" style="width:366px;" ></textarea>
<font size=2>
(当前
<font color="#FF0000">
<span id='num'>0</span>
</font>
字,剩余
<font color="#FF0000">
<span id='numShYu'>200</span>
</font>
字)
</font>
</div>
</form>
</BODY>
</HTML>
分享到：
相关推荐
本示例中，我们将探讨如何使用jQuery实现textarea文本框的字数限制功能，并实时提示用户输入的字符数量。 首先，让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口，提供了一种简洁的方式来选择DOM元素、...
js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码，设置固定输入字符，实时计算显示已经输入多少字符。
本教程将详细讲解如何利用jQuery实现一个类似新浪发布微博的功能，特别是针对textarea文本框进行文字字数限制。 一、jQuery简介 jQuery是由John Resig在2006年创建的，它的核心理念是"Write Less, Do More"，通过...
本文将深入探讨如何实现对`textarea`文本长度的控制，并实时显示输入字数的统计。 首先，我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言，可以在用户与网页交互时执行，提供动态...
超级加密 3000一款功能强大的文件加密和文件夹加密软件。主要针对于进常对重要文件加密和文件夹加密的用户。该软件有超快和最强的文件加密、文件夹加密功能，采用先进的加密算法，使你的文件加密和文件夹加密后，...
为了达到这一目的，许多网站，如Twitter，引入了一个便捷的功能：在文本框（Textarea）中实时显示用户输入的字数，并提示剩余可输入的字符数。这个功能不仅帮助用户了解他们是否达到了字数限制，还减少了因超出限制...
本教程将详细讲解如何使用jQuery实现textarea文本框的文字字数限制及实时提示功能。 首先，我们需要在HTML中创建一个textarea元素，用于用户输入文本，并添加一个用于显示剩余字数的元素。例如： ```html ...
这个方法接受三个参数：需要限制的文本框的jQuery对象、最大字数和显示字数的元素ID。 总结来说，"文本框的字数限制功能jquery插件"是一个实用的工具，它解决了HTML`<textarea>`缺乏内置字数限制的问题。通过添加...
下面将详细介绍使用jQuery实现限制textarea文本框输入字符数量的原理和具体实现方法。 ### jQuery实现限制输入字符数量的原理 首先，我们要理解如何使用jQuery来监听textarea的输入事件。jQuery提供了多种事件监听...
其中，field代表要进行字数限制的textarea元素，countfield是用于显示剩余字符数的文本框元素，maxlimit则是设置的最大字符数限制。 具体实现步骤如下： 1. 在textarea元素中，通过onKeyDown和onKeyUp事件触发...
多行文本框字数限制示例 <textarea id="text-input" rows="4" cols="50"></textarea> 剩余字数：500 <script src="limit-textarea.js"> ``` 在上述代码中，我们为`<textarea>`分配了`id`为`text-input`，以...
在网页设计中，多行文本框（`<textarea>`元素）常常用于收集用户的大段文本输入，例如评论、反馈或文章内容。然而，为了确保数据的一致性和服务器资源的有效利用，有时我们需要对用户在多行文本框中输入的字数进行...
然后，在JavaScript中获取文本框元素并添加`keyup`事件监听器，更新显示的字数： ```javascript var txt = document.getElementById("txt"); var txtNum = document.getElementById("txtNum"); txt....
- **利用`compositionstart`和`compositionend`事件**：这两个事件主要用于处理复杂的输入情况，比如中文输入法在输入过程中会有一个选词的过程，此时文本框中的实际内容可能并未改变，但是用户确实在输入。...
本文将重点介绍标题为“jQuery 文本框字符限制插件 Textarea”的相关知识点，该插件主要用于限制用户在textarea文本框中输入的字符数。 在网页设计中，有时我们需要对用户的输入进行控制，例如限制评论长度、留言...
在网页开发中，有时我们需要为用户提供输入限制，例如在多行文本框（`textarea`）中限制用户输入的字符数量。本文将详细讲解如何使用JavaScript（简称js）来实现一个实时统计多行文本框内剩余字数的功能，并提供相应...