使用js对文本框设置字数限制

前端语言中，还是有很多内容可以用到对字数做限制的。通过textarea输入框进行限制。下面就是实现的步骤，相对来说，还是比较简单的，大家可以借鉴一下。

HTML 代码：

<textarea oninput="numLimit(200,true)" id="fonts" name="" maxlength="200" style="resize" ;resize: none;
			placeholder="请输入需求的相关描述"></textarea>
		<span id="fontsLimit" style="float: right;;position: relative;left: -10px;top: -20px;">0/200</span>

css代码：

	#fonts {
				margin-top: 10px;
				width: 92%;
				height: 120px;
				margin-left: 4%;
				outline: none;
				border: 0;
				border-radius: 5px;
			}

			#fontsLimit {
				font-size: 10px;
				padding-right: 10px;
			}

js 代码：

// 文本域的字数限制
function numLimit(numLimit) {
	var text = $("#fonts").val();
	var textLength = 0;
	if (text != "undefined" && text != "" && text != null) {
		textLength = text.length;
	}
	
		$("#fonts").css('background-color', '#fff');

	$("#fontsLimit").html(textLength + "/" + numLimit);
}