textare 限制输入行数

phoenix_qiqi

于 2011-09-22 10:54:15 发布

阅读量631

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： generator function javascript html

本文链接：https://blog.youkuaiyun.com/phoenix_qiqi/article/details/6799787

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用 JavaScript 实现 HTML5 文本框的实时行数限制功能，确保用户输入不超过预设的最大行数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" language="javascript">

  function _textareaListenerHandler(){
		  var max = 2; //最大行数
		  var t = document.getElementById("t");
		  window.setInterval(
		  function(){
			  var cr = t.value.match(/\n/g); 

              if (cr && (cr.length > max-1)) {   
				t.value = t.value.replace(/\n$/,"").replace(/\r$/,"");   
                t.focus();   
                return false;   
               }   
		
		  },10
		)


   } 
 </script>   


 </HEAD>

 <BODY onload="_textareaListenerHandler()">
 <textarea id="t"  rows=5   cols=40 > </textarea> 
 </BODY>
</HTML>