基于jQuery的140字输入限制

最新推荐文章于 2025-05-05 22:15:30 发布

最新推荐文章于 2025-05-05 22:15:30 发布 · 156 阅读

文章标签：

#jQuery #JavaScript #HTML #ViewUI

jQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的文本输入框字数限制功能。该功能可以实时显示用户还能输入多少字符，并自动调整超出最大限制的内容。

一个基于jQuery的文字输入限制。
html：

<p>还可以输入 <span id="remLen"></span> 个字</p>
<textarea name="content" id="status" class="textarea">#今日最给力话题#</textarea>

javascript：

<script type="text/javascript">
$(function(){
var max_len = 140;
$("#remLen").text(max_len - $("#status").val().length);
$("#status").bind('change ' + ($.browser.msie ? "propertychange" : "input"), function(event){
		var val = $.trim($(this).val()), len = val.length;
		if(len > max_len)
		{
			$(this).val(val.substr(0, max_len));
		}
		else
		{
			$("#remLen").text(max_len - len);
		}
	});
})
</script>