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 事件小结 表格区别
Aug 13 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
jquery实现的蓝色二级导航条效果代码
Aug 24 Javascript
web前端开发JQuery常用实例代码片段(50个)
Aug 28 Javascript
原生JavaScript编写canvas版的连连看游戏
May 29 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
React 使用Hooks简化受控组件的状态绑定
Mar 18 Javascript
记录vue项目中遇到的一点小问题
May 14 Javascript
使用axios请求时,发送formData请求的示例
Oct 29 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+mysql留言本源码
2009/11/11 PHP
PHP ? EasyUI DataGrid 资料取的方式介绍
2012/11/07 PHP
php中将数组转成字符串并保存到数据库中的函数代码
2013/09/29 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
php实现的简单日志写入函数
2015/03/31 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
javascript重写alert方法的实例代码
2013/03/29 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
几个提升Python运行效率的方法之间的对比
2015/04/03 Python
python爬虫的工作原理
2017/03/05 Python
带你了解python装饰器
2017/06/15 Python
python如何实现反向迭代
2018/03/20 Python
python获取地震信息 微信实时推送
2019/06/18 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
函授本科个人自我鉴定
2014/03/25 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
学校花圃的标语
2014/06/18 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
2014年资料员工作总结
2014/11/18 职场文书
歌剧魅影观后感
2015/06/05 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
Golang 实现WebSockets
2022/04/24 Golang