`

一个jquery统计字数的小功能

jQuery 
阅读更多
微博上都有统计字数的功能,其实jquery可以很简单实现了,如下,变一下就成减了,即还剩多少个字,例子是加法:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
1.4.4/jquery.min.js"></script>
<title>Jquery live character count meter</title>
<script type="text/javascript">
$(document).ready(function() {
$(".counter").text("0 Characters");
});

$(document).keyup(function() {
var text=$(".text_field").val();
var counter=text.length;
$(".counter").text(counter+" Characters");
});
</script>
<style type="text/css">
body{
margin:350px;
}

.counter{
font-weight:bold;
color:green;
}

.text_field{
border:solid #333333 2px;
width:400px;
}
</style>
</head>
<body>
<h1>Jquery live character count meter</h1>
<div class="counter"></div>
<textarea class="text_field"></textarea>
</body>
</html>
4
顶
2
踩
分享到：
| (转)以求医为例谈搜索引擎排序算法的基础 ...
评论
1 楼 Sunny_kaka 2011-06-26  
你这也太简单了把.中午和英文是怎么算的?
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery实现实时输入字数统计

    jQuery作为一个强大的JavaScript库，提供了丰富的功能来简化这样的任务。本教程将详细介绍如何使用jQuery实现实时输入字数统计。 首先，确保你已经在项目中引入了jQuery库。这可以通过在HTML文件中添加以下代码来...

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

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

    jquery仿微博字数限制

    在本文中，我们将深入探讨如何使用jQuery来实现一个仿微博字数限制的功能。这个功能在许多社交媒体和在线论坛中非常常见，它可以帮助用户在输入文本时实时监测并限制字符数，确保符合平台的规定。 首先，我们需要...

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

    在这个"jQuery计算文本框可输入字数代码"中，开发者创建了一个功能，用于动态计算并显示文本框中可输入的字数。 首先，我们来看一下基础的HTML结构，通常会包含一个文本输入框和一个用于显示剩余字数的元素： ```...

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

    2. **jQuery初始化**：在页面加载完成后，我们需要获取到输入框并绑定一个`keyup`事件监听器，这样每当用户在输入框中键入内容时，我们都可以实时更新剩余字数。 ```javascript $(document).ready(function() { ...

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

    总结来说，jQuery 提供了强大的事件监听和 DOM 操作功能，使得实时统计输入框字数及限制变得非常容易。通过绑定事件、获取输入值、判断条件以及更新 UI，我们可以轻松实现这样的功能。这个方法不仅适用于文本输入框...

    jQuery插件charCount模仿twitter和新浪微博的textarea字数统计.zip

    总之，jQuery插件charCount是一个简单易用且功能强大的工具，它使得在网页中实现textarea字数统计变得轻松。结合jQuery的灵活性和便利性，我们可以创建出更加智能和友好的用户界面，为用户带来更好的网络体验。

    jQuery计算textarea中文字数(剩余个数)的小程序

    总的来说，这个示例利用jQuery实现了一个实用的交互功能，能够帮助用户实时监控textarea中的字数，防止超过预设的限制。它结合了DOM操作、事件处理、字符串处理和样式控制，是jQuery实际应用的一个好例子。

    jQuery textarea文本框输入文字字数限制提示代码.zip

    本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能，即对textarea输入框进行字数限制，并实时显示当前已输入的字符数，这对于创建表单、评论区或任何需要限制用户输入的场景非常...

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

    接着，jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画效果和Ajax交互。在我们的场景中，jQuery将用于选择DOM元素（如评论输入框和提交按钮），监听用户交互，并通过$.ajax()方法发起AJAX请求。...

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

    总的来说，这个压缩包文件提供的代码示例展示了如何结合PHP、jQuery和AJAX技术，构建一个高效的无刷新评论系统，包括评论的添加、无刷新翻页和字数统计。这些技术不仅提高了用户体验，还降低了服务器负载，是现代Web...

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

    这里我们关注的是一个基于PHP和jQuery AJAX实现的无刷新评论和翻页系统，以及字数统计功能。这个源码压缩包包含了一个可以立即投入使用的解决方案，适合那些希望在自己的网站上实现实时交互评论功能的开发者。 首先...

    jQuery实时计算用户输入字数代码.zip

    在这个"jQuery实时计算用户输入字数代码.zip"压缩包中，我们可以找到一个实现此功能的示例。 首先，我们要理解这个功能的基本工作原理。当用户在文本输入框（`&lt;input type="text"&gt;` 或 `&lt;textarea&gt;`）中输入文字时...

    jQuery实现简易的输入框字数计数功能示例

    总结来说，这篇文章通过实例和步骤详解，演示了如何使用jQuery实现一个简易的输入框字数计数功能，这对于希望在网页上为用户提供字数限制反馈的开发者来说，是一个实用的教程。通过学习和应用文章中提到的技巧，...

    PHP实例开发源码—php+jquery+ajax无刷新评论 无刷新翻页，字数统计 绝对可以用.zip

    在本实例中，我们探讨的是一个基于PHP、jQuery和AJAX技术实现的无刷新评论系统，同时具备无刷新翻页和字数统计功能。这样的设计能够提供流畅的用户体验，提高网站交互性，使得用户在不刷新整个页面的情况下，可以...

    基于jquery的inputlimiter 实现字数限制功能

    inputLimiter是一个基于jQuery的插件，它能够非常方便地实现输入框的字数限制功能。通过引入该插件，并编写少量的JavaScript代码，开发者即可快速为网站上的文本输入框添加字符数限制的功能。插件支持配置不同的限制...

Magicbox
Global site tag (gtag.js) - Google Analytics