H5中textarea文本框实时字数限制办法!

成功跨界

于 2017-01-10 17:37:36 发布

阅读量5.3k

点赞数

分类专栏： js相关文章标签： textarea 实时字数限制办法

本文链接：https://blog.csdn.net/baidu_33578491/article/details/54315993

版权

js相关专栏收录该内容

0 篇文章

订阅专栏

<script type="text/javascript">
	$(function(){
		$("#content").bind('input propertychange',function(){
			var maxlength = '2000';
			checkContent(this,maxlength);
		});
		$("#title").bind('input propertychange',function(){
			var maxlength = '50';
			checkContent(this,maxlength);
		});
	})
	
	function checkContent(obj,max){
		debugger;
		var _val = $(obj).val(); 
    	if (_val.length > max) {  
    		$(obj).val(_val.substring(0, max));  
			$(obj).tips({side:3, msg:'达到最大字数限制', bg:'#AE81FF', time:1});
    	}
	}
</script>

<textarea type="text" name="content"  rows="12" style="vertical-align:top;width: 300px;" 
					title="通知内容" readonly="readonly" ></textarea>