zoukankan      html  css  js  c++  java
  • jquery扩展实现input框字符长度限制中文2个字符,英文1个字符

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.min.js"></script>
    <script>

    $(function () {
    $('input[type="text"]').on('input', function (e) {
    var $that = $(this);
    var limitLen = $that .attr("maxcodelength") //定义所需字节数
    $that.attr('maxlength',limitLen);
    setTimeout(function(){
    var value = $that.val(),
    reg = /[u4e00-u9fa5]{1}/g, //中文
    notReg = /w{1}/g; //非中文
    var resultCn = value.match(reg);
    var resultEn = value.match(notReg);
    if(resultCn){
    limitLen = limitLen - (resultCn.length*2);
    }
    if(resultEn){

    limitLen = limitLen - resultEn.length;
    }
    if(limitLen<=0){
    var finalLen = value.length+limitLen;
    value = value.substring(0,finalLen);
    $that.attr('maxlength',limitLen);
    $that[0].value = value;
    }
    },0);

    });
    });
    </script>
    </head>
    <body>
    请输入:<input type="text" maxcodelength="10">
    <input type="text" maxcodelength="5">
    </body>
    </html>
  • 相关阅读:
    [JLOI2015] 管道连接
    【知识点】斯坦纳树
    [ZJOI2010] 网络扩容
    【知识点】网络流常见模型
    [NOI2009] 植物大战僵尸
    [NOI2007] 货币兑换
    【知识点】分治相关算法
    [NOI2005] 月下柠檬树
    [HNOI2012] 射箭
    [SDOI2014] 向量集
  • 原文地址:https://www.cnblogs.com/edison20161121/p/7440314.html
Copyright © 2011-2022 走看看