本文实例讲述了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" runat="server" onpropertychange="notifyTextLength();" />
当前已经输入<span id="inputedWord"></span>
还可以输入<span id="inputtingWord"></span>
希望本文所述对大家JavaScript程序设计有所帮助。
- 三年级小实验精选作文10篇
- 小书虫300字作文10篇
- 写景的三年级作文10篇
- 精选三年级小实验作文10篇
- 我的同学的作文10篇
- 三年级小实验作文10篇
- 实用我的暑假生活作文10篇
- 三年级我的暑假生活作文10篇
- 实用我的同学三年级作文10篇
- 我的同学的主题作文10篇
- 我的暑假生活三年级作文10篇
- 《爱的教育》的读后感三年级300字左右13篇
- 三年级的猜猜他是谁作文10篇
- 我的爸爸三年级作文300字10篇
- 这儿真美的三年级作文10篇
- 这儿真美主题作文10篇
- 这儿真美的作文范文10篇
- 我的爸爸作文300字10篇
- 猜猜他是谁的作文10篇
- 猜猜他是谁的作文范文10篇
- 三年级老鹰捉小鸡作文10篇
- 老鹰捉小鸡作文10篇
- 老鹰捉小鸡三年级作文10篇
- 三年级中秋节精选作文10篇
- 三年级中秋节作文范文10篇
- live by your wits
- live-by-your-wits
- live cattle
- live chat
- live-chat
- live comedy
- live concert
- live coverage
- live coverage
- lived
- 膝
- 膞
- 膟
- 膠
- 膡
- 膢
- 膣
- 膤
- 膥
- 膦
- 2016年湖州市普高招生志愿填报(文理科及体育第二批/艺术第三批征求/文理科第三批提前)
- 2016年嘉兴市普高招生志愿填报(文理科及体育第二批/艺术第三批征求/文理科第三批提前)
- 2016年温州市普高招生志愿填报(文理科及体育第二批/艺术第三批征求/文理科第三批提前)
- 2016年宁波市普高招生志愿填报(文理科及体育第二批/艺术第三批征求/文理科第三批提前)
- 2016年杭州市普高招生志愿填报(文理科及体育第二批/艺术第三批征求/文理科第三批提前)
- 湖南省2016年普通高校招生本科三批平行一志愿投档分数线
- 2016年湖南省本科二批录取结束本科三批开始录取通知
- 2016年义乌工商职业技术学院浙江省艺术类第三批征求志愿计划
- 浙江工商职业技术学院2016年浙江省艺术类录取查询
- 浙江经贸职业技术学院2016年河北省招生计划