JavaScript实时统计显示textarea输入剩余字数

添加评论 2009年6月24日

  目前很流行的一个技术,另外也因它有很好的用户体验,用户在文本框输入文字时会实时显示该文本框剩余字数。下面我来为你介绍如何使用该技术,只需一个代码即可搞定。

<script language="javascript">
function countChar(textareaName,spanName)
{
 document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length;
}
</script>
可以输入<span id="counter">140</span>字<br/>
<textarea id="status"  name="status" rows="6" cols="40" onkeydown='countChar("status","counter");' onkeyup='countChar("status","counter");'></textarea>
  1. 2009年7月6日 at 18:09 | #1

    很强大,同是搞网络的,申请友链,链接已加。
    老兄可要多教我几招。

  2. 2009年7月6日 at 20:11 | #2

    似曾相识的代码。。。呵呵。
    实际应用时一般再会加个剩余字数是否大于0的判断。

  3. 2009年7月7日 at 00:16 | #3

    链接已经添加:-)

  4. 2009年7月7日 at 00:17 | #4

    对,谢谢提醒

  5. 2009年7月7日 at 00:41 | #5

    偶顶一个,但是偶现在不用!呵呵

  6. 2009年7月7日 at 09:03 | #6

    一个很友好的用户体验设计。已回访:-)

  7. 2009年7月7日 at 09:06 | #7

    偶也屁颠屁颠的又回来看帅锅你了!嘿嘿…..

  8. 2009年7月7日 at 10:01 | #8

    哈哈,我也去看国宝了

  9. 2009年7月7日 at 11:30 | #9

    日记博客http://www.rijiblog.com看下可以做个友情链接吗。

  10. 2009年7月7日 at 21:30 | #10

    做个友链吧

  11. 2009年7月8日 at 10:00 | #11

    不好意思,仅限个人博客链接。

  12. 2009年7月8日 at 11:02 | #12

    不错,火狐也OK。

    我点上了 有人回复时邮件通知我,不知道这个是什么插件呢?我安装了几个都不行,我看能收到email通知不,如果博主回复我的话。

  13. 2009年7月8日 at 11:14 | #13

    这个邮件回复我还没测试过,收到邮件也告诉我下,呵呵
    插件的名字是 WordPress Thread Comment ,允许用户回复某个特定的评论并集中显示相似评论, 可以自由选择是否使用ajax.作者为“偶爱偶家”。

  14. 2009年7月8日 at 11:24 | #14

    博主回复了,但是我没收到通知。。。这个插件我也安装了,但是不行,主机倒是支持发送邮件(评论有通知)。

  15. 2009年7月8日 at 11:37 | #15

    现在为防止发送垃圾邮件,很多电信运营商都屏蔽了类似PHP函数发送的邮件,不知道你垃圾箱里面有没有?

  16. 2009年7月8日 at 13:11 | #16

    都没有。。。

  17. 2010年9月8日 at 17:18 | #17

    互联网就是个给人惊喜的地方。

  1. 还没有 trackbacks
订阅评论