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

textarea输入框实时统计字数（可统计中文，英文字数）相关推荐

汉字 Unicode编码范围及计算文本的中文英文字数
汉字Unicode编码范围 Unicode编码范围 u4e00~u9fff U+4E00-U+9FA5 是最常用的范围,即名为:CJK Unified Ideographs 的区块, U+9FA6-U ...
html 实时统计字数,记一次前端 input、textarea输入框实时统计字数（真实字数）...
需求:实时监听textarea/input的输入变化,并在页面上显示还能够输入多少字符. 初始做法(有问题,不准确): 仅仅使用on keyup事件 :导致在输入的时候会根据输入法状态把汉字拼音算进 ...
前端页面数据处理input、textarea输入框实时统计字数（真实字数）
需求:实时监听textarea/input的输入变化,并在页面上显示还能够输入多少字符. 初始做法(有问题,不准确): 仅仅使用on keyup事件 :导致在输入的时候会根据输入法状态把汉字拼音算进 ...
js实现统计字符串长度包含中文英文特殊字符
可以使用 JavaScript 的 length 属性来统计字符串的长度,但是这个属性只能统计英文字符和 ASCII 码字符的个数.对于中文字符,它的长度会被统计成 2. 如果想要正确地统计字符串中中 ...
限制input 输入框只能输入纯数字/数字/中文/英文
1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafte ...
C# 正则计算中文,数字,英文字数统计方法
因为功能需求,需要实现对于文章字数统计的一个方法编写.此处就不多说.直接进行代码讲解. 先来看看功能实现的字数统计要求: 字数统计区分中英文,一个英文单词为一个字,一个汉字为一个字,一个数字计为一个字 ...
c语言字数统计字符串,基于C语言的字数统计
摘要:字数统计是文档处理中经常要用到的功能,这其中要包括英文单词.数字和中文等,而且又要和全角或半角的标点符号进行区分,故此在中英文混合文件中进行准确的字数统计也是有一定难度的.这里提出了一种较好的字 ...
java统计字数_JAVA 仿 MS word 字数统计
// TODO caihao 2016-11-06 字数统计工具类 /** * 统计字数,参照MS office word 2007规则 * @param context 文本内容 * @retur ...
java doc字数_JAVA 仿 MS word 字数统计
// TODO caihao 2016-11-06 字数统计工具类 /** * 统计字数,参照MS office word 2007规则 * @param context 文本内容 * @retur ...

textarea输入框实时统计字数（可统计中文，英文字数）

textarea输入框实时统计字数（可统计中文，英文字数）

textarea输入框实时统计字数（可统计中文，英文字数）相关推荐

最新文章

热门文章

textarea输入框实时 统计字数（可统计中文，英文字数）

textarea输入框实时 统计字数（可统计中文，英文字数）

textarea输入框实时 统计字数（可统计中文，英文字数）相关推荐

最新文章

热门文章

textarea输入框实时统计字数（可统计中文，英文字数）

textarea输入框实时统计字数（可统计中文，英文字数）

textarea输入框实时统计字数（可统计中文，英文字数）相关推荐