javascript textarea字数限制

2020-05-12 我要评论

这一个是读取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需刷新才能执行]

更多的计算字符串长度代码，可以参考这一篇文章。

javascript textarea字数限制

相关文章

猜您喜欢

今日热门