1. 代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>  

<html>

<script type="text/javascript" src="App/Tpl/Home/skr/Public/web/js/jquery-3.3.1.min.js"></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>

</body>

</html>

2. 效果

js自动检索输入文章长度的更多相关文章

  1. JS自动格式化输入的数字/千位分隔符

    <script> function cc(s){         if(/[^0-9\.]/.test(s)) return "invalid value";     ...

  2. js 限制input输入字节长度

    function WidthCheck(str, maxLen){ var w = 0; var tempCount = 0; //length 获取字数数,不区分汉子和英文 for (var i=0 ...

  3. JS自动格式化输入的数字/千位分隔符VIEW:858

    <script> function cc(s){ if(/[^0-9\.]/.test(s)) return "invalid value"; ss=s.replace ...

  4. LigerUi自动检索输入

    var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASI ...

  5. 【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

    原文:[高德地图API]从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索 摘要:地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公 ...

  6. js判断输入字符串长度（汉字算两个字符，字母数字算一个）

    js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: <html> <head&g ...

  7. js计算textarea输入文字的长度

    前言 日常开发过程中,有些时候我们想使用textarea,然后限制输入的长度,在textarea末尾显示剩余可输入的字节数. 如下图:  解决方法: 常用的有三种方法: 1.通过判断charCodeA ...

  8. Go 实现 自动检索 API 错误码代码行 并 打印成文档，例 markDown 形式等

    作者:林冠宏 / 指尖下的幽灵 掘金:https://juejin.im/user/587f0dfe128fe100570ce2d8 博客:http://www.cnblogs.com/linguan ...

  9. Cleave.js – 自动格式化表单输入框的文本内容

    Cleave.js 有一个简单的目的:帮助你自动格式输入的文本内容. 这个想法是提供一个简单的方法来格式化您的输入数据以增加输入字段的可读性.通过使用这个库,您不需要编写任何正则表达式来控制输入文本的 ...

随机推荐

  1. Spring Swagger URL传参问题（转）

    代码例子: @ApiOperation(value="获取用户详细信息", notes="根据url的id来获取用户详细信息") @ApiImplicitPar ...

  2. C++编译报错：重复定义

    http://note.youdao.com/noteshare?id=cb2bed862a2daae89775603168f297af

  3. springboot创建maven多模块项目

    SpringBoot创建maven多模块项目 项目结构 该项目名称为springboot-maven-multi,由springboot-maven-multi.user-dao.user-domai ...

  4. spfa+剪枝 或者 dij+手写堆+剪枝 UOJ 111

    http://uoj.ac/problem/111 好像NOIP里面的题目...有好多都是...能通过xjbg剪枝来...AC题目的? 得好好学一下这些剪枝黑科技了... 思路:我觉得这位大佬说的很完 ...

  5. DevExpress使用教程：GridView经验小结(官方中文文献经典资料技巧)

    下面是笔者自己总结的使用 DevExpress Gridview 的一些经验小结,分享给大家: 1.去除 GridView 头上的 "Drag a column header here to ...

  6. json属性名为什么要双引号？

    原因一: 更加规范,利于解析 原因二: 避免class等关键字引起的不兼容问题 原因三: 可能也是最隐晦的: var a = 00; var b = {00: 12}; a in b; --> ...

  7. 【Ural】1519. Formula 1 插头DP

    [题目]1519. Formula 1 [题意]给定n*m个方格图,有一些障碍格,求非障碍格的哈密顿回路数量.n,m<=12. [算法]插头DP [题解]<基于连通性状态压缩的动态规划问题 ...

  8. 【BZOJ】4316: 小C的独立集 静态仙人掌

    [题意]给定仙人掌图,求最大独立集(选择最大的点集使得点间无连边).n<=50000,m<=60000. [算法]DFS处理仙人掌图 [题解]参考:[BZOJ]1023: [SHOI200 ...

  9. 面向对象 ( OO ) 的程序设计——理解对象

    本文地址:http://www.cnblogs.com/veinyin/p/7607938.html  1 创建自定义对象 创建自定义对象的最简单方法为创建 Object 的实例,并添加属性方法,也可 ...

  10. 用jquery实现小火箭到页面顶部的效果

    恩,不知道之前在哪看过一个页面效果就是如果页面被滑动了就出现一个小火箭,点击这个小火箭就可以慢慢回到页面顶部,闲的没事,自己搞了一下 需要引入jquery 代码和布局都很简单 <!DOCTYPE ...