<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="robots" content="all" />
<meta name="author" content="" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="JS限制textarea输入框输入字数" />
<title>JS统计还可以输入多少字数,用于向输入者提示信息</title>
<SCRIPT language="javascript">
<!--
function checktext(text)
{
allValid = true;
for (i = 0; i < text.length; i++)
{
if (text.charAt(i) != " ")
{
allValid = false;
break;
}
}
return allValid;
} function gbcount(message,total,used,remain)
{
var max;
max = total.value;
if (message.value.length > max) {
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
<!-- alert("留言不能超过 200 个字!");-->
alert("不能超过"+total.value+"个字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
} -->
</script>
<style type="text/css">
<!--
* {padding:0; margin:0;}
body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;}
fieldset {padding:10px; width:550px; margin:0 auto;}
legend {font-size:14px; font-weight:bold;}
.inputtext {border:none; background:#fff;}
-->
</style>
</head>
<body>
<form action="SaveData.asp" method="post" >
<fieldset><legend>请输入内容</legend>
<textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea>
<p>最多字数:
<input disabled maxLength="4" name="total" size="3" value="10" class="inputtext">
已用字数:
<input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">
剩余字数:
<input disabled maxLength="4" name="remain" size="3" value="10" class="inputtext"></td>
</p>
</fieldset>
</form>
</body>
</html>

最新文章

  1. 一个简单的synchronized多线程问题、梳理与思考
  2. flask_单元测试
  3. &quot;Accepted today?&quot;[HDU1177]
  4. [CareerCup] 18.9 Find and Maintain the Median Value 寻找和维护中位数
  5. .htaccess 重写去index.php
  6. 【EF学习笔记08】----------加载关联表的数据 显式加载
  7. 矢量图标转成16*16大小的SVG格式
  8. Mysql 查询Hash分区
  9. Know How To Use ID_NULL Function To Search An Object In Oracle Forms
  10. [rfc3261]sip - via header
  11. web服务器与应用服务器
  12. linux后端运行
  13. 关于VFP9.0备注字段(memo)插入编辑问题
  14. JavaScript 开发经验整理
  15. iOS开发之资讯类App常用分类控件的封装与实现(CollectionView+Swift3.0+)
  16. 会话控制cookie和session
  17. SpriteBuilder中锚点的一般用法
  18. 数据挖掘算法——Close算法
  19. java多线程中并发集合和同步集合有哪些?区别是什么?
  20. Hadoop学习总结之Map-Reduce的过程解析

热门文章

  1. NullSafe基于Runtime的深度解析
  2. iOS 处理socket粘包问题
  3. Batch Normalization
  4. CS Round#53 C Histogram Partition
  5. 使用django UWSGI 出现 Bad Request (400)
  6. greenplum在执行vacuum和insert产生死锁问题定位及解决方案
  7. Android之本地相冊图片选取和拍照以及图片剪辑
  8. java 内存数据存储
  9. 教大家怎样给UITextView加入placeholder扩展
  10. Hive修改行级别数据