输入框字数统计--过滤拼音

关于统计输入框的字数
1.css样式

.unit-css {width: 15%;text-align: end;position: absolute;top: 27%;right: 9px;
}

2.html文件

 <div class="layui-col-xs8"><input type="text"name="title"id="sptitle"lay-verify="required"lay-reqtext="商品名称不能为空"placeholder="请输入商品名称"autocomplete="off" class="layui-input" th:value="${editGood.getTitle()}">                                <div  class="unit-css"><span id="num" style="color: #1890FF">0</span><span>/50</span></div></div>

以上代码的效果会使得在输入框的末尾显示0/50，下面要做的是在输入框输入内容时，显示相应的数字。

3.js代码(使用的id选择器，sptitle,num是两个div里的id)
过滤了输入拼音时的情况

     var inputflag=true;$('#hyName').on('compositionstart',function () {inputflag=false;});$('#hyName').on('compositionend',function () {inputflag=true;});$("#hyName").on('input',function () {setTimeout(function () {if (inputflag){var len=$('#hyName').val().replace(/\s+/g,"").length;if(len<5){$("#hyName").removeAttr("maxlength");$("#num").html(len);}else {$("#num").text(len);$("#hyName").attr("maxlength",5);}}},0)})

输入框字数统计--过滤拼音相关推荐

小程序输入框字数统计
//1.文本输入 change(event){ let _cursor = this.getByteLen(event.detail.value); this.setData({text:event. ...
html 实时计算字数,JavaScript 实现textarea限制输入字数，输入框字数实时统计更新，输入框实时字数计算移动端bug解决...
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制 ...
JavaScript 实现textarea限制输入字数，输入框字数实时统计更新，输入框实时字数计算移动端bug解决...
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制 ...
textarea输入框实时统计字数（可统计中文，英文字数）
textarea输入框实时统计字数(可统计中文,英文字数) 效果图如下所示: html部分: <textarea name="des" id="" ro ...
ueditor编辑器字数统计不算空格以及过滤粘贴板格式
前言: 由于项目需要,采用UEditor在线编辑器(百度编辑器 http://ueditor.baidu.com/website/onlinedemo.html)来对文稿进行编排,其中对字数统计有一个 ...
Akka的字数统计MapReduce
在我与Akka的日常工作中,我最近写了一个字数映射表简化示例. 本示例实现了Map Reduce模型,该模型非常适合横向扩展设计方法. 流客户端系统(FileReadActor)读取文本文件,并将每 ...
iOS 小说字数统计
小说单词统计规则(泰语除外) iOS 小说单词统计规则算法 import Foundationfinal class WordCounter {static let shared = WordCoun ...
Java实现字数统计(中文英文韩文日文混合)，类似word效果
因为业务需求,需要一个字数统计的功能,其实这个功能也不难,但是因为这边涉及到中文,英文, 日文和韩文的混合文本,所以不能用一般的统计方法,在网上搜索了一些, 然后综合了一下自己写了个支持混合统计的工具 ...
新浪微博长链接字数统计问题
最近发现公司系统中调用api发布的微博字数统计和新浪微博中的字数统计不一致,原来是链接的问题. 新浪微博的字数统计是一个长链接不管多长,统一记成10个字(其他:中文字符为一个长度,英文.数字.标点符号 ...
在线字数计算机,在线字数统计工具
字数统计工具是做什么用的? 在线字数查询工具可方便的统计出字符个数.并且能够分别统计出中文汉字,英文字符,标点符号的个数. 英文,数字:1个字节=1个字母. 汉字:2个字节=1和汉字. B(Byte, ...

输入框字数统计--过滤拼音

输入框字数统计--过滤拼音相关推荐

最新文章

热门文章