<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>限制多行文本域输入的字符个数</title>
<script language=JavaScript>
var LastCount = 0;
function CountStrByte(Message, maxs, Used, Remain) { //字节统计
var ByteCount = 0;
var StrValue = Message.value;
var StrLength = Message.value.length;
var maxsValue = maxs.value;
if (LastCount != StrLength) { // 在此判断，减少循环次数
for (i = 0; i < StrLength; i++) {
ByteCount = (StrValue.charCodeAt(i) <= 256) ? ByteCount + 1
: ByteCount + 2;
if (ByteCount > maxsValue) {
Message.value = StrValue.substring(0, i);
alert("留言内容最多不能超过 " + maxsValue + " 个字节！\n注意：一个汉字为两字节。");
ByteCount = maxsValue;
break;
}
}
Used.value = ByteCount;
Remain.value = maxsValue - ByteCount;
LastCount = StrLength;
}
}
</script>
</head>
<body>
<form action="">
<textarea name="content" cols="50" rows="9" class="wenbenkuang"
id="content"
onkeydown="CountStrByte(this.form.content,this.form.total,this.form.used,this.form.remain);"
onkeyup="CountStrByte(this.form.content,this.form.total,this.form.used,this.form.remain);"></textarea>
<br /> <br /> 最多允许 <input name="total" type="text" disabled
class="noborder" id="total" value="1600" size="4"> 个字节
已用字节： <input name="used" type="text" disabled class="noborder"
id="used" value="0" size="4"> 剩余字节： <input name="remain"
type="text" disabled class="noborder" id="remain" value="1600"
size="4">
</form>
</body>
</html>
运行效果：
- 大小: 3.8 KB
分享到：
相关推荐
限制多行文本域输入的字符个数，很全。字母和汉字区分开。
textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。 ...
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。 ...
2.11 校验忽略样式内容后文本域中的内容是否为空//校验忽略样式内容 后文本域中的内容是否为空.. 124 2.12 计算天数差的函数. 125 2.13 把结束日期月份加上月末日期.. 125 2.14 检验输入的日期yyyy-MM 126
2.11 校验忽略样式内容后文本域中的内容是否为空//校验忽略样式内容 后文本域中的内容是否为空.. 124 2.12 计算天数差的函数. 125 2.13 把结束日期月份加上月末日期.. 125 2.14 检验输入的日期yyyy-MM 126
实例045 限制多行文本域输入的字符个数 64 2.5 表单的综合应用 65 实例046 表单组件的综合应用 65 实例047 同一个页面中的多表单提交 66 实例048 获取表单中提交的所有数据 68 实例049 以文件域的形式...
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
9.15 动态统计字符个数 9.16 使用jQuery验证用户年龄 9.17 按照首字母进行元素排序 9.18 获取URL地址的Hash参数 9.19 避免多行文本溢出的算法 9.20 随机选择一个元素 9.21 替换＆bnsp；空字符的方法 9.22 序列化表单...
1、创建一个 div 标记 ，增加属性 ，设置 align 属性的值为 center ，设置 id 属性的值为 container，设置 title 属性的值为 这是一个div 这是一个div"> 四大标准属性： 1、id ：定义元素在页面中独一无二的...
实例058 限制多行文本域输入的字符个数 100 实例059 自动选择文本框/编辑框中的文字 102 实例060 按下回车键时自动切换焦点 103 2.2 下拉列表/菜单 104 实例061 获取下拉列表/菜单的值 104 实例062 遍历多选择下拉...
11.1.5 多行文本域标签textarea 171 11.1.6 下拉框与列表框标签select 172 11.2 表单数据的接收 173 11.2.1 GET方法 173 11.2.2 POST方法 176 11.3 常用表单数据的验证方法 177 11.3.1 姓名验证 177 11.3.2 日期验证...
7.5 方法重载（overload）：给汽车加速添个限制 168 7.5.1 什么是方法的签名 168 7.5.2 什么是重载？为什么要重载？ 168 7.5.3 给汽车加个重载的方法 169 7.5.4 测试一下 169 7.5.5 重载容易引发误解的两个地方...
7.5 方法重载（overload）：给汽车加速添个限制 168 7.5.1 什么是方法的签名 168 7.5.2 什么是重载？为什么要重载？ 168 7.5.3 给汽车加个重载的方法 169 7.5.4 测试一下 169 7.5.5 重载容易引发误解的两个地方...