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

xiaoxiao2021-02-28  84

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

效果图:

HTML < textarea name = "" id = "" cols = "30" rows = "10" ></ textarea >< br > < span >你还可以输入< strong style = "color:red;" >140</ strong >个字</ span > JQuery $( function (){    var maxlength=140; //初始化最大字数    $( "textarea" ).keyup( function (){    var l=$( this ).val().length;    $( "strong" ).text(maxlength-l); //还可以输入多少个    //字数超出    if (parseInt($( "strong" ).text())<0){      $( "strong" ).text(0); //强制字数      var val=$( this ).val().substring(0,140); /*截取指定的字符串,左闭右开*/      $( this ).val(val);    } }); })
转载请注明原文地址: https://www.6miu.com/read-40426.html

最新回复(0)