前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery实时统计输入框字数及限制的方法

jQuery实时统计输入框字数及限制的方法

作者头像
德顺
发布2019-11-12 16:48:51
1.5K0
发布2019-11-12 16:48:51
举报
文章被收录于专栏:前端资源前端资源

项目中经常会用到文本输入框,而且需要限制输入的字数。

下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法,代码如下:

HTML:简单的写一下,能实现功能即可。

代码语言:javascript
复制
<textarea id="content" placeholder="新消息内容" rows="3"></textarea>
<span class="contentcount">0</span>/200

jQuery:

代码语言:javascript
复制
$('#content').bind('input propertychange', function () {
    var fizeNum = $(this).val().length;//获取输入字数
    if (fizeNum > 200) {//如果大于200
        var char = $(this).val();
        char = char.substr(0, 200);//截取字符串(前200)
        $(this).val(char);
        fizeNum = 200;
    }
    $(this).parent().find('.contentcount').text(fizeNum);
});

这样就可以限制输入字数了,别忘了引 jQuery 文件。

声明:本文由w3h5原创,转载请注明出处:《jQuery实时统计输入框字数及限制的方法》 https://cloud.tencent.com/developer/article/1537359

代码语言:txt
复制
     (adsbygoogle = window.adsbygoogle || []).push({});
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档