关于控制文本框输入行数

sinat_28860001 2015-06-11 10:05:53

做了一个这样的功能类似查顺丰快递那样输入一个订单号回车输下一个对多可以查5条数据查询功能弄好了现在想用js 控制当从第五行再想回车输入第六行的时候就提示不能输入第六条而且换行到第六行失效意思就是到了第五行就怎么都不能换行并且提醒

求高手教教并且给点代码参考谢谢！！急急急！

...全文

279 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

丿RENG 2018-09-17

打赏
举报

引用 2 楼 Ragin 的回复:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>

<title>test</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>



<style type="text/css">

</style>

<script>

	$(function(){

		$("#info").keyup(function(){

			var obj = $(this).val().split(/\n/g);

			if(obj.length-1 > 4){

				$(this).attr('readonly', 'readonly')

			}

		});

	})

</script>

</head>

<body>

	<textarea style="width: 300px; height:300px" id="info"></textarea>

</body>

</html>

这样不太方便,虽然目前我没有更好的办法,我只是说出我的看法,这样写是在超过限制的时候就会禁用整个文本域,不能修改,输入.

sinat_28860001 2015-06-11

打赏
举报

不行哦没反应输了7 8 次回车了还是能输入哦

Braska 2015-06-11

打赏
举报

引用 6 楼 sinat_28860001 的回复:

可以直接用第五次回车以后才不能输入

sinat_28860001 2015-06-11

打赏
举报

引用 5 楼 Ragin 的回复:

[quote=引用 3 楼 sinat_28860001 的回复:]

$(function(){...});
html加载完毕以后就会监控textarea的keyup事件,不用在哪里调用.
一旦换行符大于4个 textarea就不能再输入了

刚刚测试了ie，为了兼容ie
可以把 $(this).attr('readonly', 'readonly')
换成 $(this).blur().attr('readonly', 'readonly')[/quote]

这段代码直接用就可以吗？貌似没反应啊输入了第四次回车后面还是能输入啊我的 asp:textbox 已经有了一个 onblur属性有影响么

Braska 2015-06-11

打赏
举报

引用 3 楼 sinat_28860001 的回复:

sinat_28860001 2015-06-11

打赏
举报

多来些高手指导下哦！急急急！

sinat_28860001 2015-06-11

打赏
举报

引用 2 楼 Ragin 的回复:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>

<style type="text/css">
</style>
<script>
	$(function(){
		$("#info").keyup(function(){
			var obj = $(this).val().split(/\n/g);
			if(obj.length-1 > 4){
				$(this).attr('readonly', 'readonly')
			}
		});
	})
</script>
</head>
<body>
	<textarea style="width: 300px; height:300px" id="info"></textarea>
</body>
</html>

在哪里调用这个js方法？

Braska 2015-06-11

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>

<style type="text/css">
</style>
<script>
	$(function(){
		$("#info").keyup(function(){
			var obj = $(this).val().split(/\n/g);
			if(obj.length-1 > 4){
				$(this).attr('readonly', 'readonly')
			}
		});
	})
</script>
</head>
<body>
	<textarea style="width: 300px; height:300px" id="info"></textarea>
</body>
</html>

sinat_28860001 2015-06-11