动态统计当前输入内容的字节、字符数的实例详解


Posted in Javascript onOctober 27, 2017

动态统计当前输入内容的字节、字符数的实例详解

看到网上有好多利用charAt方法,原理也很简单,用正则判断是不是中文,如果是的话,字节数就加2,不是的话,字节数就加1。

后来发现另一种方式,由于一个汉字对应是两个字节,可利用正则,将匹配到的汉字用两个字符代替,例如:“xx”,最后获得转化后的字符串的长度即是字节数。

而字符数就是对应有多少个汉字、字母、符号。

//短信内容字数
  $scope.bytesCount= 0;
  $scope.smsLength = 0;
  $scope.smsContent = '1';

  $scope.smsCount = function () {

    $scope.bytesCount = $scope.smsContent.replace(/[^\x00-\xff]/g, 'xx').length;
    $scope.smsLength = $scope.smsContent.length;

  }

动态统计当前输入内容的字节、字符数的实例详解

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
Nov 12 Javascript
JavaScript中遍历对象的property的3种方法介绍
Dec 30 Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
利用JS制作万年历的方法
Aug 16 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
Dec 10 Javascript
Vue实现计算器计算效果
Aug 17 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 #Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 #Javascript
vue中v-model动态生成的实例详解
Oct 27 #Javascript
微信小程序 input输入及动态设置按钮的实现
Oct 27 #Javascript
js通过Date对象实现倒计时动画效果
Oct 27 #Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 #Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 #Javascript
You might like
解析link_mysql的php版
2013/06/30 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
JS实现时间格式化的方式汇总
2013/10/16 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
2016/03/09 Javascript
微信小程序入门教程
2016/11/18 Javascript
自学实现angularjs依赖注入
2016/12/20 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
Python制作exe文件简单流程
2019/01/24 Python
Python面向对象封装操作案例详解
2019/12/31 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
抽象方法、抽象类怎样声明
2014/10/25 面试题
研究生自我鉴定范文
2013/10/30 职场文书
银行金融服务方案
2014/06/11 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
小学生安全教育广播稿
2014/10/20 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
人才市场接收函
2015/01/30 职场文书
婚庆主持词大全
2015/06/30 职场文书
解除合同协议书范本
2016/03/21 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android