/**

* 设置input输入长度 中文一个文字等于2个引文字符 为了解决这个问题

* 使用 maxcodelength="" 即可

*/

$('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);

});

设置input输入长度 中文一个文字等于2个引文字符 为了解决这个问题相关推荐

  1. vue设置输入框输入长度_基于vue的限制输入框可输入字节数的解决方案

    2018年07月11日 基于vue的限制输入框可输入字节数的解决方案 需求:input输入框输入上限4个字节.达到上限则不能继续输入,其中1个英文表示1个字节.1个中文表示2个字节. 看到这个需求,第 ...

  2. 限制input输入长度与内容

    1.限制输入长度 如果输入的是数字(type是number类型),通过监听input事件再通过slice进行截取限制长度 <input type="number" oninp ...

  3. input输入长度与限制内容

    1.限制input最大长度 <input type="text"  maxlength="5" />   //可以 <input type=& ...

  4. html设置input输入字符编码是,处理html输入标记中的utf8编码字符(dealing with utf8 encoded characters in html input tag)...

    处理html输入标记中的utf8编码字符(dealing with utf8 encoded characters in html input tag) 我正在动态添加输入标记的值. 值从服务器返回, ...

  5. vue设置输入框输入长度_Vue实现input宽度随文字长度自适应操作

    业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下, 直接贴代码 type=& ...

  6. input输入长度 vue_Vue实现input宽度随文字长度自适应操作

    业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下, 直接贴代码 type=& ...

  7. css设置input框长度_干货极致分享浅谈CSS属性,有趣的盒模型。网友:哎呦不错哦!...

    盒模型的组成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有两种标准的,一个是标准模型,一个是IE模型. 从上面两图不难看出在标准模型中,盒模型的宽高只是 ...

  8. vue设置输入框输入长度_vue输入框限制字符串长度和输入内容实时验证的实现方式...

    一.最简单,通过maxlength和onkeyup ?:;'\\\$\%\^\&\*\(\)\-\|\[\]\{\}\{\}]/g,'');" /> 代码中正则是限制除中文外的 ...

  9. Input框设置只能输入中文

    场景 设置input框只能输入中文. 效果 实现 <input name="nation" type="text" id="nation&quo ...

最新文章

  1. cout 数组_C语言学习笔记(十)二维数组内存预设
  2. CUDA,C++,Java,Python,Fortran运行速度比较
  3. 国科大prml--SVM
  4. 最便宜的855旗舰了,可惜是它
  5. UI设计配色专辑素材|简易完成色彩协调性!
  6. LeetCode 540. 有序数组中的单一元素(Single Element in a Sorted Array) 42
  7. java bridge 模式_学习:java设计模式—Bridge模式
  8. batch normalization的原理和作用_【推荐算法】Deep amp; Cross Network模型原理和实践...
  9. 实盘中在vnpy多策略多交易对交易
  10. Android Studio第11课网络编程3(学习打卡Day17)
  11. 产品经理如何写PRD文档[最全]
  12. 怎么解决服务器延迟问题
  13.  定义一个变量,是一个三位数,求各个位数的和
  14. python 豆瓣电影top250_python 爬豆瓣电影top250
  15. 全新在线制作banner网站广告横幅源码
  16. 临时文件传输工具推荐
  17. 【安装Linux系统】
  18. 融云CEO韩迎:如何基于云通讯构建企业竞争力
  19. python学习——介绍若干采样算法
  20. SHU运筹与优化上机实验

热门文章

  1. 李子转债上市价格预测
  2. python算协方差_使用Python计算方差协方差相关系数
  3. 基于STM32单片机模块练习——OLED模块
  4. 如何用Photoshop制作动态分镜
  5. ubuntu下如何使用USB转串口设备
  6. 介绍给新手的一种C语言学习方法
  7. Vue中两个让你幸福感爆棚的组件导入小技巧之require.context
  8. Excel催化剂开源第42波-与金融大数据TuShare对接实现零门槛零代码获取数据
  9. 网页/微信中的腾讯视频下载方法
  10. 我的朋友讨厌SoundCloud iOS,所以我为他们重新设计了它