JS判断字符串字节数并截取长度的方法


Posted in Javascript onMarch 05, 2016

本文实例讲述了JS判断字符串字节数并截取长度的方法。分享给大家供大家参考,具体如下:

这是在项目制作中,积累到的一个东西,感觉效果还可以,现在贴上效果:

JS判断字符串字节数并截取长度的方法

那么,在页面上,我们需要检测两个东西,一个就是字节数,一个就是字符数。

由于数据库中,要求title的长度字节数为200,那么具体的js代码如下:

/*************************************************************************
* CodeBy:SCY CodeDate:2011年3月11日 12:01:16 
* DESC:主要是用来判断当前输入的字节数,以便做到限制输入标题的长度功能
**************************************************************************/
var matchWords;
function notifyTextLength() {
  var inputNum = document.getElementById("txtTitle").value.replace(/[^\x00-\xff]/g, "**").length; //得到输入的字节数
  if (inputNum <= 200) {
    matchWords = document.getElementById("txtTitle").value.length;
    document.getElementById("inputedWord").innerHTML = inputNum + "字节," + matchWords + "字符";
    document.getElementById("inputtingWord").innerHTML = (200 - inputNum) + "字母,"+(Math.round(((200-inputNum)/2)-0.5))+"汉字";
  }
  if (inputNum > 200) {
      document.getElementById("txtTitle").value = document.getElementById("txtTitle").value.substring(0, matchWords); //如果超过200字节,就截取到200字节
    }
}

其中,matchWords代表的是当字节数小于200的情况下,匹配的字符的个数;inputNum则是输入的字节数。

当标题输入的字节数大于200的时候,就按照字符个数进行截取。

html代码如下:

<input id="txtTitle" type="text" class="inputText" runat="server" onpropertychange="notifyTextLength();" />
当前已经输入<span id="inputedWord" style="color:red"></span>
还可以输入<span id="inputtingWord" style="color:Red;"></span>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js禁止小键盘输入数字功能代码
Aug 01 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
Bootstrap每天必学之按钮
Nov 26 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
Angular整合zTree的示例代码
Jan 24 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
Aug 13 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
Mar 05 #Javascript
js控制TR的显示隐藏
Mar 04 #Javascript
Node.js操作Firebird数据库教程
Mar 04 #Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 #Javascript
node.js微信公众平台开发教程
Mar 04 #Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 #Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 #Javascript
You might like
PHP 的 __FILE__ 常量
2007/01/15 PHP
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
PHP实现手机归属地查询API接口实现代码
2012/08/27 PHP
PHP使用DES进行加密与解密的方法详解
2013/06/06 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
php操作MongoDB类实例
2015/06/17 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
cnblogs中在闪存中屏蔽某人的实现代码
2010/11/14 Javascript
jquery.validate.js插件使用经验记录
2014/07/02 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
Javascript简单改变表单元素背景的方法
2015/07/15 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
Vue2递归组件实现树形菜单
2017/04/10 Javascript
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
python网络应用开发知识点浅析
2019/05/28 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
经典优秀个人求职自荐信格式
2013/09/25 职场文书
大学生专科毕业生自我评价
2013/11/17 职场文书
公司面试感谢信
2014/02/01 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
文明家庭事迹材料
2014/12/20 职场文书
结婚老公保证书
2015/02/26 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
小学教师教育随笔
2015/08/14 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers