网上有好种解决方案,多无论是通过js实现的还是通过jquery,本人试过在microsoft Edge浏览器下汉字输入都有bug,下面是一个成熟的解决方案:粘贴出来共享
jQuery核心代码:
//By ImMmMm.com $('#comment').bind('focus keyup input paste',function(){//采用几个事件来触发(已增加鼠标粘贴事件) $('#num').text($(this).val().length)//获取评论框字符长度并添加到ID="num"元素上 });
另外在需要显示字数的地方添加以下html断:
<i id="num">0</i>
个人是加到了评论框textarea之后,然后CSS美化一下:
#num{float:right;font-size:35px;color:#DDD;margin:-50px 5px 0 0;padding-right:10px;}
相关推荐
在本实例中,我们探讨的是一个基于PHP、jQuery和AJAX技术实现的无刷新评论系统,同时具备无刷新翻页和字数统计功能。这样的设计能够显著提升用户体验,因为用户无需等待整个页面重新加载,就能查看新评论或进行翻页...
在这个项目中,开发者利用jQuery的事件监听和字符串操作功能,创建了一个实时更新的字数统计器。当用户在文本框中输入文字时,文本框旁边的显示区域会即时更新剩余可输入的字数。 `inputSumNew`可能是这个功能的...
本文实例讲述了JavaScript实现的仿新浪微博原生态输入字数即时检查功能。分享给大家供大家参考,具体如下: 边在文本框输入字符边对输入的字数进行检查本来不难的,但是由于其中有些函数的使用方式大家容易混乱,很...
实时计算用户输入字数是网页开发中的一个常见需求,尤其在表单填写、评论系统或者在线文本编辑器等场景中非常实用。这个功能通常通过JavaScript实现,因为JavaScript是一种客户端脚本语言,可以在用户与网页交互时...
本篇主要讲解如何利用jQuery处理前端的交互操作,包括即时统计输入字数、用户输入验证以及通过AJAX与后台进行数据交换。 首先,我们来看一下提供的XHTML代码,这是一个基本的表单结构,包含了用户输入文本的...
1.[改进]去掉旧版AJAXRequest换成jQuery中的AJAX 2.[改进]为了系统安全和稳定去掉宇初验证码和印象码,加入4种数字验证码、1种中文验证码、1种计算题验证码供用户选择 3.[改进]为了后台系统安全,后台登录页不用判断...
02.[更新]回复帖子,如果遇到“对不起,字数不够”或者其它不能提交的问题时,不需要再刷新后重写了,只需要继续写帖子,写完提交就行。 03.[修正]管理员不能设置帖子版内置顶的问题 04.[修正]后台不能修改用户...
02.[更新]回复帖子,如果遇到“对不起,字数不够”或者其它不能提交的问题时,不需要再刷新后重写了,只需要继续写帖子,写完提交就行。 03.[修正]管理员不能设置帖子版内置顶的问题 04.[修正]后台不能修改用户...