jQuery实现仿微博发布框字数提示

来源:互联网 发布:数据共享管理办法 编辑:程序博客网 时间:2024/06/05 09:31

jQuery实现仿微博发布框字数提示,主要是运用字符串操作!

效果图:

HTML
<
textarea name=""id=""cols="30"rows="10"></textarea><br>
<span>你还可以输入<strongstyle="color:red;">140</strong>个字</span>

JQuery
$(function(){
  varmaxlength=140;//初始化最大字数
  $("textarea").keyup(function(){
  varl=$(this).val().length;
  $("strong").text(maxlength-l);//还可以输入多少个
  //字数超出
  if(parseInt($("strong").text())<0){
    $("strong").text(0);//强制字数
    varval=$(this).val().substring(0,140);/*截取指定的字符串,左闭右开*/
    $(this).val(val);
  }
});
})

原创粉丝点击