1. 当前位置:
  2. 首页
  3. »
  4. 随笔
  5. »
  6. input实时显示input内容字数

input实时显示input内容字数

零分 3,083

input实时显示input内容长度,写这个是因为自定义优站需要入库,入库的标题淘宝很牛逼的限制成了22个字数,因为是自定义后台直接入库的,每次都去数一下字数是不是更牛逼?好吧,这是废话。于是就百度了一下,input实时显示input内容字数。

正常环境的JS:

<input type='text' id='num' name='tel' value='12345' onKeyUp="showLen(this);"> <span id="span">已输入XX位</span>   
  
<script type="text/javascript">   
showLen(document.getElementById("num"));   
function showLen(obj){   
    document.getElementById('span').innerHTML =  obj.value.length +'/15';   
}   
</script>  

因为需要把他放在淘宝的优站上,所以,需要对JS进行一直,而且,很多代码都会被过滤,经过了几个小时的测试,移植过来的代码如下:

输入框:

<input type="text" id="num" class="putcount" name="tel" value="输入您喜欢宝贝关键词"> <span class="putcountspan">0/22</span>   

JS:

KISSY.Event.on(".putcount","keyup mouseup",function(){   
   KISSY.DOM.text(".putcountspan", this.value.length +'/22');   
});  

效果如下:

input实时显示input内容字数
头像
支持作者
联系微信二维码
0%