六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 107|回复: 0

动态显示textarea中输入的字数

[复制链接]

升级  50.67%

36

主题

36

主题

36

主题

秀才

Rank: 2

积分
126
 楼主| 发表于 2013-2-7 20:11:37 | 显示全部楼层 |阅读模式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="robots" content="all" /><meta name="keywords" content="JS,Blog,ASP,designing,with,web,standards,xhtml,css,graphic,design,layout,usability,accessibility,w3c,w3,w3cn" /><meta name="descrīption" content="JS限制textarea输入框输入字数" /><title>JS限制textarea输入框输入字数</title><script type="text/javascript">function checktext(text){  allValid = true;  for (i = 0;  i < text.length;  i++)  {   if (text.charAt(i) != " ")   {    allValid = false;    break;   }  }return allValid;}function xx(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 个字!"); } 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="xx(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="xx(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea><p>最多字数:<input disabled maxLength="4" name="total" size="3" value="200" class="inputtext">已用字数:<input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">剩余字数:<input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td></p></fieldset></form></body></html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表