jquery实现textarea输入框限制字数的方法

本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下：

网上有使用属性 disabled 来实现，这个不好，想修改都没有修改。当然，这个也不是很完美。

代码如下:

	<html>

	<head>

	<title> jquery完美实现textarea输入框限制字数</title>

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

	<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

	<script type="text/javascript">

	$(function(){

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

	var len = $(this).val().length;

	if(len > 139){

	$(this).val($(this).val().substring(0,140));

	}

	var num = 140 - len;

	$("#word").text(num);

	});

	});

	</script>

	<style type="text/css">

	h6{color:blue;}

	textarea{resize:none;}

	#word{color:red;}

	</style>

	</head>

	<body>

	<h6>说点什么吧，你可以输入<span>140</span>个字，现在剩余<span id="word">140</span>个</h6>

	<textarea name="con" id="weibo" cols="45" rows="6"></textarea>

	</body>

	</html>

搜索

jquery实现textarea输入框限制字数的方法