请选择 进入手机版 | 继续访问电脑版
我的账户
星点互联

自媒体资讯干货

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

不得不看小技巧 限制textarea文本域字符数与显示剩余字数

2018-7-4 11:25

不多说,直接上代码amp;lt;div class=quot;copyEditorTitle copyConquot;amp;gt; amp;lt;textarea id=quot;editor_contentquot; placeholder=quot;请输入内容quot; name=quot;editor_contentquot;amp;gt; amp; ...

不多说,直接上代码

<div class="copyEditorTitle copyCon">
				<textarea  id="editor_content"  placeholder="请输入内容" name="editor_content"> </textarea>
			</div>
			<div style="background: #fff;display: flex;padding:5px 10px 5px 0;">
			<span class="wi" style="float: right;text-align: right;color: #bababa;margin-left: 311px;" id="nu">150</div>
				<div style="clear: both;"></div>

JS

/*字数限制*/
	    $("#editor_content").on("input propertychange", function () {
	        var $this = $(this),
	                _val = $this.val(),
	                count = "";
	        if (_val.length > 150) {
	            $this.val(_val.substring(0, 150));
	        }
	        count = 150 - $this.val().length;
	    });
		
		$(function(){
			upLoadWidth()//控制图片的大小
			$(window).resize(function(){
				upLoadWidth()
			})
			myInputChange('.copyTi','.remainingNumbers','50','input')//实时监控input的字数变化
			
			myInputChange('.copyCon','#nu','150','textarea')//实时监控textarea的字数变化
			uploadImg()//控制内容区域字数的变化
		});
参考了https://blog.csdn.net/six365/article/details/78982900博客的字数限制,结合显示字符串功能,有问题的可以留言哦。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

这个人很懒,什么也没留下...
粉丝0 阅读124 回复0
上一篇:
jquery 参数传递和赋值问题发布时间:2018-07-04
下一篇:
已解答问题:请教vue-upload-component用法发布时间:2018-10-23
推荐资讯
精选资讯
阅读排行
精选案例展示
关注我们
星点互联关注时代变迁

客服电话:400-234-9000

客服邮箱:vip@neoconex.com

周一至周五 9:00-18:00

公司地址:威高广场迪尚大厦海景写字楼A座1988

Powered by Discuz!X3.4@ 2017-2018 蓝盘下载 |Archiver|手机版|小黑屋|( 豫ICP备17005739号-3 )