限制多行文本输入框的字符数代码,JS代码库,德仔网

代码语言

代码分类

【JS】限制多行文本输入框的字符数

作者:鑫炫 / 发布于2015/1/26/ 519


	对于单行文本框，我们可以通过设置属性maxlength来限制可输入的最多字符数

	<input type="text" maxlength="5" />
	对于多行文本框，如果想限制最多可输入字符数，必须使用Javascript脚本来达到目的。
	1. 最初的解决方案：
	<textarea rows="4" cols="20" onkeydown="return maxlength(this, 5);"></textarea>
	
	function maxlength(node, maxcount) {
	 if (node.value.length >= maxcount) {
	 return false;
	 }
	 return true;
	}

	上面的解决办法虽然能够限制最多可输入字符数为 5 个，但是当已经输入 5 个字符后，就不会响应任何的键盘操作了，
	这将会惹恼那些想通过&ldquo;Delete&rdquo;或&ldquo;Backspace&rdquo;按键修改字符串的用户。
	2. 改进的解决方案：
	<textarea rows="4" cols="20" onkeydown="return maxlength2(event, 5);"></textarea>

	
	function maxlength2(event, maxcount) {
	 // 以下三步操作是为了兼容FF和IE
	 var event = event || window.event;
	 var target = event.target || event.srcElement;
	 var keyCode = event.charCode || event.keyCode;
	 // 8 - backspace , 46 - delete
	 if (keyCode != 8 && keyCode != 46) {
	 if (target.value.length >= maxcount) {
	 return false;
	 }
	 }
	 return true;
	}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　字符数　　单词数　　总行数　

同语言下

可能有用的

鑫炫贡献的其它代码(18)