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 语法集锦 脚本之家基础推荐
Nov 15 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
Jun 15 Javascript
JavaScript按值删除数组元素的方法
Apr 24 Javascript
AngularJS自动表单验证
Feb 01 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 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 Socket配置以及实例的详细介绍
2013/06/13 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
php函数实现判断是否移动端访问
2015/03/03 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
JavaScript对内存分配及管理机制详细解析
2013/11/11 Javascript
node.js入门教程
2014/06/01 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
2018/01/18 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
Python牛刀小试密码爆破
2011/02/03 Python
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
公司晚会主持词
2014/03/22 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
区域经理岗位职责
2015/02/02 职场文书
2015年普法依法治理工作总结
2015/05/26 职场文书
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技