设置input输入长度 中文一个文字等于2个引文字符 为了解决这个问题
/**
* 设置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个引文字符 为了解决这个问题相关推荐
- vue设置输入框输入长度_基于vue的限制输入框可输入字节数的解决方案
2018年07月11日 基于vue的限制输入框可输入字节数的解决方案 需求:input输入框输入上限4个字节.达到上限则不能继续输入,其中1个英文表示1个字节.1个中文表示2个字节. 看到这个需求,第 ...
- 限制input输入长度与内容
1.限制输入长度 如果输入的是数字(type是number类型),通过监听input事件再通过slice进行截取限制长度 <input type="number" oninp ...
- input输入长度与限制内容
1.限制input最大长度 <input type="text" maxlength="5" /> //可以 <input type=& ...
- html设置input输入字符编码是,处理html输入标记中的utf8编码字符(dealing with utf8 encoded characters in html input tag)...
处理html输入标记中的utf8编码字符(dealing with utf8 encoded characters in html input tag) 我正在动态添加输入标记的值. 值从服务器返回, ...
- vue设置输入框输入长度_Vue实现input宽度随文字长度自适应操作
业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下, 直接贴代码 type=& ...
- input输入长度 vue_Vue实现input宽度随文字长度自适应操作
业务需求,输入文字,后面的元要紧随其后,奈何input默认是有宽度,我想要达到,输入文字,动态改变input的宽度,试了很多方法,目前自己琢磨一种,有遇到问题的可以参考一下, 直接贴代码 type=& ...
- css设置input框长度_干货极致分享浅谈CSS属性,有趣的盒模型。网友:哎呦不错哦!...
盒模型的组成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有两种标准的,一个是标准模型,一个是IE模型. 从上面两图不难看出在标准模型中,盒模型的宽高只是 ...
- vue设置输入框输入长度_vue输入框限制字符串长度和输入内容实时验证的实现方式...
一.最简单,通过maxlength和onkeyup ?:;'\\\$\%\^\&\*\(\)\-\|\[\]\{\}\{\}]/g,'');" /> 代码中正则是限制除中文外的 ...
- Input框设置只能输入中文
场景 设置input框只能输入中文. 效果 实现 <input name="nation" type="text" id="nation&quo ...
最新文章
- cout 数组_C语言学习笔记(十)二维数组内存预设
- CUDA,C++,Java,Python,Fortran运行速度比较
- 国科大prml--SVM
- 最便宜的855旗舰了,可惜是它
- UI设计配色专辑素材|简易完成色彩协调性!
- LeetCode 540. 有序数组中的单一元素(Single Element in a Sorted Array) 42
- java bridge 模式_学习:java设计模式—Bridge模式
- batch normalization的原理和作用_【推荐算法】Deep amp; Cross Network模型原理和实践...
- 实盘中在vnpy多策略多交易对交易
- Android Studio第11课网络编程3(学习打卡Day17)
- 产品经理如何写PRD文档[最全]
- 怎么解决服务器延迟问题
- 	定义一个变量,是一个三位数,求各个位数的和
- python 豆瓣电影top250_python 爬豆瓣电影top250
- 全新在线制作banner网站广告横幅源码
- 临时文件传输工具推荐
- 【安装Linux系统】
- 融云CEO韩迎:如何基于云通讯构建企业竞争力
- python学习——介绍若干采样算法
- SHU运筹与优化上机实验