jquery textarea文本域字数限制发布框

最新推荐文章于 2021-03-29 14:34:31 发布

编程之上

最新推荐文章于 2021-03-29 14:34:31 发布

阅读量2k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/ruizhengyun/article/details/45027717

版权

前端开发专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>textarea发布框</title>
<meta name="description" content="">
<meta name="keywords" content="">
<style>
	textarea{border:1px solid #ddd;}
	#textareaCount{color:green; margin: 0 4px;}
</style>
</head>
<body>
<textarea name="" id="" cols="50" rows="10"></textarea>
<div class="textareaTip">您还可以再输入<strong id="textareaCount">140</strong>个字</div>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
	$(function(){
		$('textarea').keyup(function(event) {
			/* Act on the event */
			var maxLength = 140;
			var len = $('textarea').val().length;
			$('#textareaCount').html(maxLength - len);
			if(parseInt($('#textareaCount').text()) < 0){
				$('#textareaCount').html('0');
				var res = $(this).val().substring(0,140);
				$(this).val(res);
			}
		});
	});
</script>
</body>
</html>