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执行顺序
Nov 09 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
浅析jQuery Ajax通用js封装
Jun 22 Javascript
javaScript事件机制兼容【详细整理】
Jul 23 Javascript
AngularJS表达式讲解及示例代码
Aug 16 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
Vue项目中最新用到的一些实用小技巧
Nov 06 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 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判断字符以及字符串的包含方法属性
2008/08/30 PHP
PHP中__FILE__、dirname与basename用法实例分析
2014/12/01 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
JS Timing
2007/04/21 Javascript
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010/03/21 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
jquery实现的分页显示功能示例
2019/08/23 jQuery
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
vue 授权获取微信openId操作
2020/11/13 Javascript
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python 转义字符详细介绍
2017/03/21 Python
Python搜索引擎实现原理和方法
2017/11/27 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
环境工程求职简历的自我评价范文
2013/10/24 职场文书
便利店投资的创业计划书
2014/01/12 职场文书
幼儿生日活动方案
2014/08/27 职场文书
公司离职证明样本
2014/09/13 职场文书
小学元宵节活动总结
2015/02/06 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
护理工作心得体会
2016/01/22 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS