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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
js怎么终止程序return不行换jfslk
May 30 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
浅谈Javascript数组的使用
Jul 29 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
Sep 25 Javascript
原生js页面滚动延迟加载图片
Dec 20 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
Nov 28 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
p5.js实现简单货车运动动画
Oct 23 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安全性问题中的:Null 字符问题
2013/06/21 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
python3通过selenium爬虫获取到dj商品的实例代码
2019/04/25 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
sklearn-SVC实现与类参数详解
2019/12/10 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
铁路工务反思材料
2014/02/07 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
十佳党员事迹材料
2014/08/28 职场文书
商务邀请函
2015/01/30 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
培训班开班主持词
2015/07/02 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
浅谈Python数学建模之固定费用问题
2021/06/23 Python
Ajax实现三级联动效果
2021/10/05 Javascript
一起来学习Python的元组和列表
2022/03/13 Python