js input 文本框输入字数限制 显示还可以输入多少个字

这篇文章主要介绍了js 文本框输入字数限制，动态显示可输入的字数提示还可以输入的字数,需要的朋友可以参考下。

代码如下:

<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 + "字数";
}