100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > textarea输入框实时 统计字数(可统计中文 英文字数)

textarea输入框实时 统计字数(可统计中文 英文字数)

时间:2021-03-04 13:52:21

相关推荐

textarea输入框实时 统计字数(可统计中文 英文字数)

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。