菜鸟求解答！Angular.JS如何控制文本框字符长度。

Question

问题如下：想要控制一个textarea的最大输入长度为60个字符（30个汉字），文本框中可以汉字，字符，符号混输。之前用Maxlength=60来控制，但是汉字还是能够输入60位并报错。求大神支招！！

HTML：                                                                                                                                                                     <textarea type = "textarea" ng-model = "vm.contact" maxlength = "60" placeholder = "最多输入60个字符"></textarea>

JS:交给大神！感谢

Answer 1

<textarea id="text" type = "textarea" ng-model = "vm.contact" maxlength="60" placeholder = "最多输入60个字符"></textarea>
<script type="text/javascript">
var revalue = "";
document.getElementById("text").oninput = function () {
	var str = this.value.replace(/[^\x00-\xff]/g,"aa");
	if (str.length>60) {
		this.value = revalue;
		return false;
	}
	revalue = this.value;
}
</script>