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