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 相关文章推荐
javascript判断chrome浏览器的方法
Mar 26 Javascript
Javascript基础教程之if条件语句
Jan 18 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
JavaScript常用判断写法大全(推荐)
May 30 Javascript
JS全局变量和局部变量最新解析
Jun 24 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
JavaScript 中对象的深拷贝
Dec 04 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
Jul 07 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 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
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
php生成静态html页面的方法(2种方法)
2015/09/14 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
vue和react等项目中更简单的实现展开收起更多等效果示例
2018/02/22 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
Python获取服务器信息的最简单实现方法
2015/03/05 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
如何利用python查找电脑文件
2018/04/27 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
Python日志处理模块logging用法解析
2020/05/19 Python
python包的导入方式总结
2021/03/02 Python
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
生产部主管岗位职责
2014/01/06 职场文书
大学生通用个人的自我评价
2014/02/10 职场文书
家长寄语大全
2014/04/02 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
入党后的感想
2015/08/10 职场文书
初中信息技术教学反思
2016/02/16 职场文书
高一英语教学反思
2016/03/03 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
Nginx location 和 proxy_pass路径配置问题小结
2021/09/04 Servers
js 实现Material UI点击涟漪效果示例
2022/09/23 Javascript