文本框字数限制 keyup

最新推荐文章于 2024-05-30 18:09:17 发布

原创最新推荐文章于 2024-05-30 18:09:17 发布 · 590 阅读

CC 4.0 BY-SA版权

本文介绍了一个使用jQuery实现的限制文本框输入字符数的功能示例。当文本框内的字符达到预设的最大长度时，会自动截断超出部分，并实时更新剩余可输入的字符数。

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title></title>
	<script type="text/javascript" src="jq源代码/jquery-3.1.0.min.js"></script>
	</head>
	<body>
	<textarea id="van" value="" style="height:200px"></textarea>
	<div>还能输入<span class="number">200</span></div>
	<script>
	$(function(){
	$("#van").keyup(function(){
	var len = $(this).val().length;

	if(len > 200){
	$(this).val($(this).val().substring(0,200));
	}
	var num = 200 - len;
	$(".number").text(num);
	});
	});
	</script>
	</body>
	</html>