JS~字符串长度判断,超出进行自动截取(支持中文)
今天一个小弟问我的问题,在文本框中输入字符,如果超出指定长度,就把它截取,要求中文等于两个字符的长度,我找一下资料,把这个功能实现了,下面是JS代码:
<html>
<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script> <body>
<input type="text" name="username" />
</body>
<script type="text/ecmascript"> var GetLength = function (str) {
///<summary>获得字符串实际长度,中文2,英文1</summary>
///<param name="str">要获得长度的字符串</param>
var realLength = 0, len = str.length, charCode = -1;
for (var i = 0; i < len; i++) {
charCode = str.charCodeAt(i);
if (charCode >= 0 && charCode <= 128) realLength += 1;
else realLength += 2;
}
return realLength;
};
//js截取字符串,中英文都能用
//如果给定的字符串大于指定长度,截取指定长度返回,否者返回源字符串。
//字符串,长度 /**
* js截取字符串,中英文都能用
* @param str:需要截取的字符串
* @param len: 需要截取的长度
*/
function cutstr(str, len) {
var str_length = 0;
var str_len = 0;
str_cut = new String();
str_len = str.length;
for (var i = 0; i < str_len; i++) {
a = str.charAt(i);
str_length++;
if (escape(a).length > 4) {
//中文字符的长度经编码之后大于4
str_length++;
}
str_cut = str_cut.concat(a);
if (str_length >= len) {
str_cut = str_cut.concat("...");
return str_cut;
}
}
//如果给定字符串小于指定长度,则返回源字符串;
if (str_length < len) {
return str;
}
}
$(function () {
$("input[name=username]").bind('keyup', function () {
if (GetLength($(this).val()) > 10) {
$(this).val(cutstr($(this).val(), 10));
return;
}
});
});
</script>
</html>
效果如图:
aaarticlea/png;base64,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" alt="" />
JS~字符串长度判断,超出进行自动截取(支持中文)的更多相关文章
- js字符串长度计算(一个汉字==两个字符)和字符串截取
js字符串长度计算(一个汉字==两个字符)和字符串截取 String.prototype.realLength = function() { return this.replace(/[^\x00-\ ...
- PHP针对中英文混合字符串长度判断及截取方法
PHP自带的函数如strlen().mb_strlen()都是通过计算字符串所占字节数来统计字符串长度的,一个英文字符占1字节.例: $enStr = 'Hello,China!'; echo str ...
- css限制文字显示字数长度,超出部分自动用省略号显示,防止溢出到第二行
为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字.这在列表条目,题目,名称等地方常用到. 效果如下: 未限制显示长度,如果超出了会溢出到第二行里.严重影响用户体验和显示效果. 我们在 ...
- Oracle sql 子字符串长度判断
Oracle sql 子字符串长度判断 select t.* from d_table t ,) ,instr(t.col,; 字符串的前两位都是数字: select * from d_table t ...
- js 字符串 常用处理方式(检索、截取、拼接、批量替换)
// 检索(字符串中判断是否包含某个字符) 字符串.search('检索的内容');// 返回-1,不包含: 返回非-1,包含 字符串.indexOf("待判断的内容"); // ...
- 扩展entity framework core 实现默认字符串长度,decimal精度,entity自动注册和配置
报道越短,事情越严重!文章越短,内容越精悍! 文章以efcore 2.0.0-preview2.测试验证通过.其他版本不保证使用,但是思路不会差太远.源代码 目标: 1.实现entity的自动发现和m ...
- js 字符串长度截取
<script> function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = &qu ...
- 截取字符串长度,超出部分用省略号代替 PHP
function subText($text, $length){ if (mb_strlen($text, 'utf8') > $length) { return mb_substr($tex ...
- js字符串常用判断方法
转自:http://blog.sina.com.cn/s/blog_6819fa800100j5t6.html 一.方法介绍 function obj$(id) ...
随机推荐
- HDU5348
题意:给一个无向图,让你指定边的方向,比如a→b为1,a←b为0,在给所有边指定方向后,对无向图上的每个顶点,如果满足|出度-入度|<2,那么输出一种方案. 思路:从结论入手,|出度-入度|&l ...
- iOS开发之通知中心(NSNotificationCenter)
前言 面向对象的设计思想是把行为方法封装到每一个对象中,以用来增加代码的复用性.正是这种分散封装,增加了对象之间的相互关联,总是有很多的对象需要彼此了解以及相互操作! 一个简单示例说明这种交互产生的对 ...
- 32.Spring-对象依赖.md
[toc] 1.对象依赖的分类 Spring中,给对象属性赋值的方法: 构造函数 Set方法 p命名空间 自动装配 注解 1.1构造函数 构造方法通过配置文件中constructor-arg标签实现, ...
- 31.Spring-开发流程.md
[toc] 1.简单开发流程 1.1引用类库 基本类库: ## 1.2创建spring配置文件,文件的名称为固定格式:applicationContext.xml或者bean.xml: <?xm ...
- UVA 10254 - The Priest Mathematician (dp | 汉诺塔 | 找规律 | 大数)
本文出自 http://blog.csdn.net/shuangde800 题目点击打开链接 题意: 汉诺塔游戏请看 百度百科 正常的汉诺塔游戏是只有3个柱子,并且如果有n个圆盘,至少需要2^n- ...
- linux dd命令测试U盘读写速度
1. dd命令简述: if=输入文件, of=输出文件, ibs=一次读取字节数, obs=一次写入字节数, bs=设置一次读取写入的字节数, skip=跳过的bs数, count=拷贝的块数 2. ...
- Linux下的Job Control(转:http://blog.chinaunix.net/uid-26495963-id-3062757.html)
一.Job的概念 Job是指在批处理的环境中,为完成某一任务而进行一系列操作的总称.在个人接触计算机的年代,批处理的环境已经不容见到了,只有一些特殊的行业和环境下还在使用这样的概念,仅在书本中接触过. ...
- Android学习----Android Studio 技巧汇总
关于快捷键 The File Structure Popup ctrl+f12此快捷键可以调出当前文件的大纲,并通过模糊匹配快速跳转至指定的方法.勾选上“show anonymous classes” ...
- underscorejs-indexBy学习
2.19 indexBy 2.19.1 语法 _.indexBy(list, iteratee, [context]) 2.19.2 说明 给定一个list,和 一个用来返回一个在列表中的每个元素键 ...
- .NET,你真的 知道了吗
搞清自己是干什么的 有人问你是做什么的,回答是:"我是做,NET开发的",有的人也会问:"那.NER.是什么?"刚开始我认为是一个开打工具,后认为是一个平台,一 ...