`

jQuery 评论字数即时统计

 
阅读更多

网上有好种解决方案,多无论是通过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;}
分享到:
评论

相关推荐

    jQuery实现实时输入字数统计

    在网页设计中,实时输入字数统计是一项常用的功能,它能帮助用户监控并控制他们的输入内容,例如在评论框、表单字段等场景下。jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化这样的任务。本教程将详细...

    jQuery做的文本框字数统计/限制插件

    这个“jQuery做的文本框字数统计/限制插件”是针对网页表单中的输入框(input)设计的一个功能组件,主要用于帮助用户实时监控并控制输入的字符数量。 首先,我们来详细了解jQuery文本框字数统计的功能。这个插件...

    jQuery计算文本框可输入字数代码.zip

    这个简单的jQuery插件可以轻松集成到任何项目中,提供实时的字数统计功能,帮助用户更好地控制他们的输入,提高网站的可用性和用户体验。通过调整`maxLength`和样式,你可以根据实际需求自定义字数限制和视觉反馈。...

    jquery仿微博字数限制

    6. 最后,我们在页面加载时调用一次`updateCharCount`以初始化字数统计。 四、增强用户体验 为了提高用户体验,我们还可以添加一些额外的功能,例如当用户接近字数限制时改变`textarea`的背景色或者提示用户。例如...

    jQuery评论插件可回复评论代码.zip

    1. **评论显示**:使用jQuery,我们可以轻松地从服务器获取评论数据,并将其动态插入到页面的适当位置。这通常涉及到AJAX请求,通过`$.ajax()`方法与服务器进行异步通信,获取JSON或XML格式的评论数据,然后使用`....

    基于jQuery的折线形统计图示例demo

    本示例"基于jQuery的折线形统计图示例demo"就是这样一个用于展示动态数据变化的工具,它利用jQuery库的强大功能,为用户提供了直观、交互式的折线图表。 jQuery是一个广泛使用的JavaScript库,它的主要目标是简化...

    jquery统计图插件

    《jQuery统计图插件详解与应用》 在Web开发领域,数据可视化是不可或缺的一部分,它能够将复杂的数据以直观、易理解的方式呈现出来。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的工具和插件来实现...

    jQuery实现新浪微博回复字数限制

    本教程将探讨如何利用jQuery来实现新浪微博的回复字数限制功能,这在许多社交媒体和论坛应用中都非常常见。 首先,我们需要理解目标是限制用户在输入框中输入的字符数不超过微博平台规定的最大值,例如,新浪微博...

    jquery制作统计表

    本项目“jquery制作统计表”显然利用jQuery来创建各种统计报表,帮助用户直观地呈现数据,提高数据分析和展示的效率。下面我们将深入探讨jQuery在构建统计报表中的应用以及可能涉及的技术点。 首先,jQuery的核心...

    php+jquery+ajax无刷新评论 无刷新翻页,字数统计 绝对可以用

    字数统计功能则相对简单,jQuery可以轻松获取用户在评论框内输入的文本,然后使用JavaScript的内置方法计算字符或单词数量。为了防止用户超过预设的评论长度,可以在输入过程中实时更新剩余可输入字数,并在达到限制...

    jquery实现输入框字数限制代码

    在网页开发中,用户输入框(input field)的字数限制是一个常见的需求,尤其是在表单提交、评论系统或在线编辑器等场景下。jQuery作为一个强大的JavaScript库,提供了丰富的功能来帮助开发者实现这样的功能。本篇...

    Jquery字数限制

    这在各种场景下都非常有用,比如评论框、表单输入、即时消息等,确保用户不会输入过长的内容,从而避免数据处理问题或界面显示异常。 首先,我们需要理解 jQuery 的基本用法。jQuery 通过 `$` 符号来选择 HTML 元素...

    不错的jQuery在线即时聊天插件

    【标题】:“不错的jQuery在线即时聊天插件” 这个标题表明我们正在讨论一个基于jQuery的在线聊天插件。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互,使得开发者能够更...

    jQuery 分析数据统计

    在"jQuery 分析数据统计"这个主题中,我们将深入探讨如何利用jQuery与图表库(可能是jqChart)来展示和分析数据。jqChart是jQuery的一个插件,专门用于创建各种类型的数据可视化图表,如柱状图、折线图、饼图等。 ...

    基于PHP的jqueryajax无刷新评论 无刷新翻页,字数统计 绝对可以用.zip

    "基于PHP的jqueryajax无刷新评论 无刷新翻页,字数统计 绝对可以用.zip" 这个压缩包文件包含了实现这一目标的核心技术。下面将详细阐述这些技术及其应用。 首先,PHP是一种广泛使用的服务器端脚本语言,它允许...

    jquery各种统计图

    在"jquery各种统计图"这个主题中,我们主要关注的是使用jQuery来展示数据的可视化方法,特别是饼状图、线条图和折线图。这些图表在数据分析、报告展示以及用户界面设计中非常常见,能够帮助用户直观理解复杂的数据。...

    jQuery显示圆形统计插件circliful

    jQuery circliful是一款非常流行的前端开发插件,用于创建美观且功能丰富的圆形统计图表。它以其简洁的API和丰富的自定义选项而受到开发者们的青睐。本文将深入探讨circliful插件的核心概念、使用方法以及如何在实际...

    jquery字数超出规定字数自动生成截取生成省略号

    在标题和描述中提到的“jquery字数超出规定字数自动生成截取生成省略号”是指使用 jQuery 实现文本内容超出预设长度时自动进行截断,并在末尾添加省略号的效果。这种功能在显示摘要、标题或者有限空间内的文字信息时...

    jQuery圆形饼状数据统计图表

    本篇主要围绕"jQuery圆形饼状数据统计图表"这一主题展开,深入探讨如何利用jQuery实现高效且美观的数据统计图表。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在...

    jquery circliful圆形统计图插件_html5动画

    jquery circliful圆形统计图插件_html5动画 jquery circliful圆形统计图插件_html5动画 jquery circliful圆形统计图插件_html5动画

Global site tag (gtag.js) - Google Analytics