<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>demo</title>

</head>

<body>

    <input id="text" placeHolder="最大支持12个字节" maxlength="" />

    <script type="text/javascript">

     var Str = {

         byteLen : function (str){

            //正则取到中文的个数，然后len*count+原来的长度。不用replace

            str += '';

            var tmp = str.match(/[^\x00-\xff]/g) || [];

            return str.length + tmp.length;

        },

        getMaxlen : function(str,maxlen){

            var sResult = '', L=, i=, stop = false, sChar;

            if(str.replace(/[^\x00-\xff]/g,'xxx').length <= maxlen){

                return str;

            }

            while(!stop){

                sChar = str.charAt(i);

                L+= sChar.match(/[^\x00-\xff]/) ?  : ;

                if(L > maxlen){

                    stop = true;

                }else{

                    sResult+=sChar;

                    i++;

                }

            }

            return sResult;

        }

    };

    var inputLock = false;

    document.querySelector('#text').addEventListener('compositionstart', function(){

        inputLock = true;

    })

    document.querySelector('#text').addEventListener('compositionend', function(){

        inputLock = false;

        var value = this.value,

            maxlength = this.getAttribute('maxlength');

        if(Str.byteLen(value) > maxlength){

            this.value = Str.getMaxlen(value, maxlength);

        }

    })

    document.querySelector('#text').addEventListener('input', function(){

        if(!inputLock){

            var value = this.value,

                maxlength = this.getAttribute('maxlength');

            if(Str.byteLen(value) > maxlength){

                this.value = Str.getMaxlen(value, maxlength);

            }

        }

    });

    </script>

</body>

</html>

input限制字符长度 - composition的更多相关文章

  1. jquery扩展实现input框字符长度限制中文2个字符，英文1个字符

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  2. jquery判断字符长度 数字英文算1字符 汉字算2字符

    <input type="text" maxlength="25" oninput="textlength(this)"> &l ...

  3. Jquery Validate自定义验证规则，一个汉字等于两个字符长度

    使用Jquery validate时写的一些东西,在这里做个笔记 在使用 Jquery validate 的minlength和maxlength进行文本框内容长度验证的时候,对于一个汉字的长度检测结 ...

  4. 动态SQL字符长度超过8000

    动态SQL字符长度超过8000,我记得SQL SERVER 2008中用SP_EXECUTESQL打破了这个限制. 平常用动态SQL,可能都会用EXEC(),但是有限制,就是8000字符串长度.自从S ...

  5. 解决MVC中JSON字符长度超出限制的异常

    解决MVC中JSON字符长度超出限制的异常 解决方法如下: <configuration> <system.web.extensions> <scripting> ...

  6. 【代码笔记】iOS-判断中英文混合的字符长度的两种方法

    一,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. ...

  7. 计算html标签textarea字符长度

    今天学习jQuery,做练习计算html标签textarea字符长度,先添加一个视图操作(Action): 创建一个视图,并按下面顺序标记1,2,3进行写html或javascript脚本: 其中标记 ...

  8. JavaScript判断字符串的字符长度（中文占两个字符）

    判断方法 //判断字符串中的字符 中文算两个字符 function chkstrlen(str) { ; ; i < str.length; i++) { ) //如果是汉字,则字符串长度加2 ...

  9. 每日学习心得：CustomValidator验证控件验证用户输入的字符长度、Linq 多字段分组统计、ASP.NET后台弹出confirm对话框，然后点击确定，执行一段代码

    2013-9-15 1.    CustomValidator验证控件验证用户输入的字符长度 在实际的开发中通常会遇到验证用户输入的字符长度的问题,通常的情况下,可以写一个js的脚本或者函数,在ASP ...

随机推荐

  1. 每天一个linux命令：cp(8)

    cp cp命令用来将一个或多个源文件或者目录复制到指定的目的文件或目录.它可以将单个源文件复制成一个指定文件名的具体的文件或一个已经存在的目录下.cp命令还支持同时复制多个文件,当一次复制多个文件时, ...

  2. php number_format()函数 语法

    php number_format()函数 语法 number_format()函数怎么用? php number_format()函数表示通过千位分组来格式化数字,语法是number_format( ...

  3. apue 第10章 信号signal

    每种信号都有名字,都是以SIG开头 信号机制最简单的接口是signal函数 #include <signal.h> typedef void (*sighandler_t)(int); s ...

  4. Cisco基础(五)：配置静态NAT、配置端口映射、配置动态NAT、PAT配置、办公区Internet的访问

    一.配置静态NAT 目标: 随着接入Internet的计算机数量的不断猛增,IP地址资源也就愈加显得捉襟见肘.事实上,除了中国教育和科研计算机网(CERNET)外,一般用户几乎申请不到整段的C类IP地 ...

  5. Python每日一题 007

    题目 你有一个目录,放了你一个月的日记,都是 txt,为了避免分词的问题,假设内容都是英文,请统计出你认为每篇日记最重要的词. 很难客观的说每篇日记中最重要的词是什么,所以在这里就仅仅是将每篇日记中出 ...

  6. Linux下Mysql安装与常见问题解决方案

    1.Mysql安装 环境: Mysql版本: 开始安装: 首先检查环境有没有老版本mysql,有的话先卸载干净,具体百度. 接着先获取mysql的安装包:wget https://dev.mysql. ...

  7. SQL语句映射文件(2)增删改查、参数、缓存

    2.2 select 一个select 元素非常简单.例如: <!-- 查询学生,根据id --> <select id="getStudent" paramet ...

  8. MCS-51系列单片机和MCS-52系列单片机有何异同

    MSC-51:1,片内4K字节程序存储器:2,片内128字节数据存储器:3,片内2个16位硬件定时器/计数器.MSC-52: 1,片内8K字节程序存储器:2,片内256字节数据存储器:3,片内3个16 ...

  9. Mac启动时：boot task failed:fsck-safe处理办法

    mac系统启动到一半,然后突然关机,查看启动信息发现:boot task failed:fsck-safe 处理方法,clover启动的时候按空格,然后选择sigle mode. 进入使用命令:fsc ...

  10. MySQL coalesce函数用法说明（转）

    在mysql中,其实有不少方法和函数是很有用的,一个叫coalesce的,作用是将返回传入的参数中第一个非null的值,比如 SELECT COALESCE(NULL, NULL, 1); -- Re ...