textarea输入框实时 统计字数(可统计中文,英文字数)
效果图如下所示:
html部分:
<textarea name="des" id="" rows="10" class="form-control" placeholder="描述一下房源内部的空间和设施、周边的环境和交通路线等等......."></textarea><div id="num">剩余<span>500</span>个字符</div>
js部分:
//==================文本框剩余字数function words() {$("#root-information2 textarea").on("input focus keyup",function () {let strs = getByteLen($(this).val());console.log(strs.length);let length = strs.length;let num = 500-length;$("#num span").html(num);})};words();//=============================获取除标点符号之外的字数function getByteLen(val) {strs = val.replace(/[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?|\,|\。|\?|\:|\;|\‘|\’|\”|\“|\、|\·|\!|\(|\)|\》|\《|\『|\』]/g, "");return strs;}