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. MSSQL DBA权限获取WEBSHELL的过程

    前言 本文主要通过一个案例来演示一下当MSSQL是DBA权限,且不知道路径的时候如何去获取WEBSHELL.当然这种方式对站库分离的无效.我测试的环境是在Win7 64位下,数据库是SQLServer ...

  2. c语言中，指针加1的情况.指针变量详细介绍

    指针是一个特殊的变量,它里面存储的数值被解释成为内存里的一个地址. 要搞清一个指针需要搞清指针的四方面的内容: 指针的类型, 指针所指向的 类型, 指针的值或者叫指针所指向的内存区, 还有指针本身所占 ...

  3. C 位段，位域

    百度百科解释的很好,地址如下: http://baike.baidu.com/link?url=9yb5izRj6S1TzsN--EVexN7BAEzSn3jGctSgcoLTwVfaCXmtfMj3 ...

  4. AtCoder Regular Contest 088 E - Papple Sort（树状数组+结论）

    结论:每次把字符丢到最外面最优,用树状数组统计答案,把字符放到最外边后可以当成消失了,直接在树状数组上删掉就好. 感性理解是把字符丢到中间会增加其他字符的移动次数,但是丢到外面不会,所以是正确的. # ...

  5. C++ 局部静态变量，全局变量，全局静态变量，局部变量的区别和联系

    C++变量根据定义位置的不同,具有不同的作用域,作用域可分为6种:全局作用域,局部作用域,语句作用域,类作用域,命名作用域和文件作用域. 从作用域看: 全局变量具有全局作用域.全局变量只需在一个源文件 ...

  6. vue props验证

    <!DOCTYPE html> <html> <head> <title></title> <meta charset="u ...

  7. html中<meta>标签

    这个是html文档一般都有的元素. 1. 介绍 元素基本所有浏览器都支持,它提供页面的元信息,比如描述.关键字.web服务等 位于文档头部的内部,将以名称/值对出现 2. 属性 注意:如果没有name ...

  8. NOIP模拟6

    期望得分:100+100+100=300 实际得分:0+100+90=190 T1 superman 二分给每条边加多少,判断是否存在负环 #include<queue> #include ...

  9. 边双连通缩点+树dp 2015 ACM Arabella Collegiate Programming Contest的Gym - 100676H

    http://codeforces.com/gym/100676/attachments 题目大意: 有n个城市,有m条路,每条路都有边长,如果某几个城市的路能组成一个环,那么在环中的这些城市就有传送 ...

  10. LightOJ 1244 - Tiles 猜递推+矩阵快速幂

    http://www.lightoj.com/volume_showproblem.php?problem=1244 题意:给出六种积木,不能旋转,翻转,问填充2XN的格子有几种方法.\(N < ...