限制文本区域中的字数

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了限制文本区域中的字数相关的知识，希望对你有一定的参考价值。

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html lang="en" dir="ltr">
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. 		<title>Limit Word Count in a textarea</title>
  7. <script type="text/javascript"><!--
  8. 	var wordLen = 10; // Maximum word length
  9. 	function checkWordLen(obj){
  10. 	var len = obj.value.split(/[s]+/);
  11. 	if(len.length > wordLen){
  12. 		alert("You've exceeded the "+wordLen+" word limit for the article!");
  13. 		obj.oldValue = obj.value!=obj.oldValue?obj.value:obj.oldValue;
  14. 		obj.value = obj.oldValue?obj.oldValue:"";
  15. 	return false;
  16. 	}
  17. 	return true;
  18. 	}
  19. // --></script>
  20. 	</head>
  21. 	<body>
  22. 		<h1>JavaScript Example</h1>
  23. 		<p>This JavaScript sets a maximum word count to a textarea.</p>
  24. 		<form action="" method="get">
  25. 			<fieldset>
  26. 				<legend>Example Form</legend>
  27. 				<label>Text input: <br><textarea rows="15" cols="30" name="t1" onkeyup="checkWordLen(this);"></textarea></label>
  28. 				<input class="button" name="Submit" type="submit" value="Submit" />
  29. 				<input class="button" name="Reset" type="reset" value="Reset" />
  30. 			</fieldset>
  31. 		</form>
  32. 	</body>
  33. </html>

以上是关于限制文本区域中的字数的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 实现textarea限制输入字数， 输入框字数实时统计更新，输入框实时字数计算移动端bug解决

完美兼容实现：解决textarea输入框限制字数长度(带统计功能)

使用 JavaScript 准确计算字数的正则表达式

TextArea字数限制如何设置？ [复制]

具有最少字数条件的 HTML 文本区域

限制文本区域中的行数