<!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="">
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
function CountStrByte(Message,Total,Used,Remain){ //字节统计
var LastCount =0;
var ByteCount = 0;
var StrValue = Message.value;
var StrLength = Message.value.length;
var MaxValue = Total.value;
if(LastCount != StrLength) { // 在此判断,减少循环次数
for (i=0;i<StrLength;i++){
ByteCount = (StrValue.charCodeAt(i)<=256) ? ByteCount + 1 : ByteCount + 2;
if (ByteCount>MaxValue) {
Message.value = StrValue.substring(0,i);
alert("留言内容最多不能超过 " +MaxValue+ " 个字节!\n注意:一个汉字为两字节。");
ByteCount = MaxValue;
break;
}
}
Used.value = ByteCount;
Remain.value = MaxValue - ByteCount;
LastCount = StrLength;
}
}
</SCRIPT>
<form action="" method="post" name="form1">
<table width="64%" border="1" align="center">
<tr>
<td width="16%" align="center">留言</td>
<td width="84%">
<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></td>
</tr>
<tr>
<td align="center">字节</td>
<td>最多允许 <input name="total" type="text" disabled class="noborder" id="total" value="16" 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"></td>
</tr>
<tr>
<td colspan="2" align="center"><div id="bgclock"></div></td>
</tr>
</table>
</form>
</BODY>
</HTML>
分享到:
相关推荐
根据用户输入,动态统计输入字符个数!跟腾讯微博的很相似!
自己做的文本框字数统计/限制插件 输入框 或者 文本域 动态显示还剩余可输入字数
编写一个对输入的英文单词按照字典排序的程序,界面如图,当在一个文本域输入若干个英文字单词,单击字典排序按钮,另一个文本域 对输入的英文单词进行排序;当按清空按钮,另一个文本区域的内容同时清空。要求通过...
javascript 文本域字数限制,红色文字显示超过的字数
限制多行文本域输入的字符个数,很全。字母和汉字区分开。
文本域动态添加图像HTML html 文本域 文本域添加图像 图像 高老师 北大青鸟
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1341456
在做发表评论时候,下面显示的可输入字数随着文本域输入字数的变化而变化。每输入一个字,下面还可以输入字数减少1。把本文档后缀改为.html即可看到效果。
自增长的文本域 随着用户输入的字符增加文本域和长度
老本版的文本域组件,建议下载ckeditor,实现起来更简单
改变文本域textarea里的字体颜色的方法
在 Acrobat DC 中关于 JavaScript文本域的值和外观的区别以及如何在表单中对文本域按键事件的操作是用户在文本域中录入内容时,可以对录入内容进行筛选和替换等操作,而这些更改发生在提交数据之前,实际上是更改了...
js计算文本域剩余字数,类似微博计算剩余字数那种
文本域输入字数倒计 可输入字数 剩余字数 类似微博
textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候,我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小
C#使用itextsharp实现文本域填充,版本iTextSharp.5.5.13
作为此想法的一个极端示例,无论用户在文本域中录入什么内容,脚本限制都会显示"禁止"一词。 通过脚本更改文本域的显示值而不是改变实际的录入值,虽然通过使用脚本在文本域前面添加了币符号,看上去发生了更改,但...
NULL 博文链接:https://yelangking.iteye.com/blog/2054273
自成一体的文本编辑器,上传文件和图片与站点无关,简单实用、安全