js字符限制(字符截取) 一个中文汉字算两个字符


Posted in Javascript onSeptember 12, 2017

html

<input type="text" id="txt">

核心js代码

//字符串截取
function getByteVal(val, max) {
	var returnValue = '';
	var byteValLen = 0;
	for (var i = 0; i < val.length; i++) {
		if (val[i].match(/[^\x00-\xff]/ig) != null)
		byteValLen += 2;
		else
		byteValLen += 1;
		if (byteValLen > max)
		break;
		returnValue += val[i];
	}
	return returnValue;
}
$('#txt').bind('keyup',function(){
	var val=this.value;
	if(val.replace(/[^\x00-\xff]/g,"**").length>14){
		this.value=getByteVal(val,14)
	}
})

注意:代码中使用了jquery绑定事件,所以需要加入jquery框架。

Javascript 相关文章推荐
为指定元素增加样式的js代码
Dec 09 Javascript
javascript从image转换为base64位编码的String
Jul 29 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
iview table高度动态设置方法
Mar 14 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
Sep 12 #Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 #Javascript
JavaScript中递归实现的方法及其区别
Sep 12 #Javascript
详解react-native-fs插件的使用以及遇到的坑
Sep 12 #Javascript
React中jquery引用的实现方法
Sep 12 #jQuery
JS+canvas动态绘制饼图的方法示例
Sep 12 #Javascript
详解react-router4 异步加载路由两种方法
Sep 12 #Javascript
You might like
PHP常用特殊运算符号和函数总结(php新手入门必看)
2013/02/02 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
2015/08/28 PHP
语义化 H1 标签
2008/01/14 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
2015/05/15 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
javascript数组拍平方法总结
2018/01/20 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
粗略分析Python中的内存泄漏
2015/04/23 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
Python中@property的理解和使用示例
2019/06/11 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
Python自定义一个异常类的方法
2019/06/27 Python
python库skimage给灰度图像染色的方法示例
2020/04/27 Python
python实现经典排序算法的示例代码
2021/02/07 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
成人教育自我鉴定
2013/11/01 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
小学生演讲稿大全
2014/04/25 职场文书
《1942》观后感
2015/06/08 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
高三英语教学反思
2016/03/03 职场文书
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android