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

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

<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>
此条目发表在 网页制作 分类目录,贴了 , 标签。将固定链接加入收藏夹。

JavaScript实时统计显示textarea输入剩余字数》有 17 条评论

  1. magehao 说:

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

  2. 蛋王 说:

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

  3. huaimao 说:

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

  4. 日记博客 说:

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

  5. iseeyou 说:

    不错,火狐也OK。

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

  6. ssl证书 说:

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

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">