首页 > 网络编程 > JavaScript > 表单特效 > textarea字数限制

javascript textarea字数限制

2008-09-02 15:46:52 作者：

网页中经常会用到的一些字数限制要求，下面的代码应该可以帮你解决这个问题,下面的代码不论是text和textarea效果都是一样的。

这一个是读取textarea的maxlength属性的值，进行计算，思路很好，但修改起来就麻烦啊，不过对于js爱好者来说是个不错的参考，通过读取属性值进行控制。

下面的这段代码，直接计算文档的长度

下面的这段代码是网络上应用比较广泛的，有剩余字数提示的效果代码，推荐

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="robots" content="all" /> 
<title>JS限制textarea输入框输入字数</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; 
}

--> 
</script> 
<style type="text/css"> 
 
</style> 
</head> 
<body> 
<form action="SaveData.asp" method="post" onSubmit="return datacheck();"> 
<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="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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

更多的计算字符串长度代码，可以参考这一篇文章。
https://www.jb51.net/article/21343.htm

javascript textarea字数限制

您可能感兴趣的文章: