今天一个小弟问我的问题，在文本框中输入字符，如果超出指定长度，就把它截取，要求中文等于两个字符的长度，我找一下资料，把这个功能实现了，下面是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~字符串长度判断，超出进行自动截取（支持中文）的更多相关文章

  1. js字符串长度计算(一个汉字==两个字符)和字符串截取

    js字符串长度计算(一个汉字==两个字符)和字符串截取 String.prototype.realLength = function() { return this.replace(/[^\x00-\ ...

  2. PHP针对中英文混合字符串长度判断及截取方法

    PHP自带的函数如strlen().mb_strlen()都是通过计算字符串所占字节数来统计字符串长度的,一个英文字符占1字节.例: $enStr = 'Hello,China!'; echo str ...

  3. css限制文字显示字数长度，超出部分自动用省略号显示,防止溢出到第二行

    为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字.这在列表条目,题目,名称等地方常用到. 效果如下: 未限制显示长度,如果超出了会溢出到第二行里.严重影响用户体验和显示效果. 我们在 ...

  4. Oracle sql 子字符串长度判断

    Oracle sql 子字符串长度判断 select t.* from d_table t ,) ,instr(t.col,; 字符串的前两位都是数字: select * from d_table t ...

  5. js 字符串 常用处理方式(检索、截取、拼接、批量替换)

    // 检索(字符串中判断是否包含某个字符) 字符串.search('检索的内容');// 返回-1,不包含: 返回非-1,包含 字符串.indexOf("待判断的内容"); // ...

  6. 扩展entity framework core 实现默认字符串长度,decimal精度,entity自动注册和配置

    报道越短,事情越严重!文章越短,内容越精悍! 文章以efcore 2.0.0-preview2.测试验证通过.其他版本不保证使用,但是思路不会差太远.源代码 目标: 1.实现entity的自动发现和m ...

  7. js 字符串长度截取

    <script> function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = &qu ...

  8. 截取字符串长度，超出部分用省略号代替 PHP

    function subText($text, $length){ if (mb_strlen($text, 'utf8') > $length) { return mb_substr($tex ...

  9. js字符串常用判断方法

    转自:http://blog.sina.com.cn/s/blog_6819fa800100j5t6.html 一.方法介绍 function obj$(id)                     ...

随机推荐

  1. HDU5348

    题意:给一个无向图,让你指定边的方向,比如a→b为1,a←b为0,在给所有边指定方向后,对无向图上的每个顶点,如果满足|出度-入度|<2,那么输出一种方案. 思路:从结论入手,|出度-入度|&l ...

  2. iOS开发之通知中心(NSNotificationCenter)

    前言 面向对象的设计思想是把行为方法封装到每一个对象中,以用来增加代码的复用性.正是这种分散封装,增加了对象之间的相互关联,总是有很多的对象需要彼此了解以及相互操作! 一个简单示例说明这种交互产生的对 ...

  3. 32.Spring-对象依赖.md

    [toc] 1.对象依赖的分类 Spring中,给对象属性赋值的方法: 构造函数 Set方法 p命名空间 自动装配 注解 1.1构造函数 构造方法通过配置文件中constructor-arg标签实现, ...

  4. 31.Spring-开发流程.md

    [toc] 1.简单开发流程 1.1引用类库 基本类库: ## 1.2创建spring配置文件,文件的名称为固定格式:applicationContext.xml或者bean.xml: <?xm ...

  5. UVA 10254 - The Priest Mathematician (dp | 汉诺塔 | 找规律 | 大数)

    本文出自   http://blog.csdn.net/shuangde800 题目点击打开链接 题意: 汉诺塔游戏请看 百度百科 正常的汉诺塔游戏是只有3个柱子,并且如果有n个圆盘,至少需要2^n- ...

  6. linux dd命令测试U盘读写速度

    1. dd命令简述: if=输入文件, of=输出文件, ibs=一次读取字节数, obs=一次写入字节数, bs=设置一次读取写入的字节数, skip=跳过的bs数, count=拷贝的块数 2. ...

  7. Linux下的Job Control（转：http://blog.chinaunix.net/uid-26495963-id-3062757.html）

    一.Job的概念 Job是指在批处理的环境中,为完成某一任务而进行一系列操作的总称.在个人接触计算机的年代,批处理的环境已经不容见到了,只有一些特殊的行业和环境下还在使用这样的概念,仅在书本中接触过. ...

  8. Android学习----Android Studio 技巧汇总

    关于快捷键 The File Structure Popup ctrl+f12此快捷键可以调出当前文件的大纲,并通过模糊匹配快速跳转至指定的方法.勾选上“show anonymous classes” ...

  9. underscorejs-indexBy学习

    2.19 indexBy 2.19.1 语法 _.indexBy(list, iteratee, [context]) 2.19.2 说明 给定一个list,和 一个用来返回一个在列表中的每个元素键 ...

  10. .NET,你真的 知道了吗

    搞清自己是干什么的 有人问你是做什么的,回答是:"我是做,NET开发的",有的人也会问:"那.NER.是什么?"刚开始我认为是一个开打工具,后认为是一个平台,一 ...