js动态显示input框中的字数统计

下面的js实现了在input框输入字符的同时,统计数字或者还可输入的字数。

1
2
3
4
5
6
7
8
9
10
11
<input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');"><span class="red" id="cost_tpl_title_length">还可以输入15字数</span>
js:
function setShowLength(obj, maxlength, id)
{
    var rem = maxlength - obj.value.length;
    var wid = id;
    if (rem < 0){
        rem = 0;
    }
    document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数";
}

本文固定链接: https://www.apieye.com/302.html | APIEYE

该日志由 Jazzy 于2012年10月11日发表在 JavaScript 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: js动态显示input框中的字数统计 | APIEYE
关键字:

js动态显示input框中的字数统计:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!