当前位置: 首页 » 笔记 » input实时显示input内容字数正文

input实时显示input内容字数

  • 零分
  • 2,905

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');   
});  

效果如下:

声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!

请TA喝杯水^_^ 如本文“对您有用”,欢迎随意打赏,让我们坚持创作! 请TA喝水