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 相关文章推荐
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
JS实现距离上次刷新已过多少秒示例
May 23 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
利用React-router+Webpack快速构建react程序
Oct 27 Javascript
js生成随机数方法和实例
Jan 17 Javascript
基于JavaScript实现的折半查找算法示例
Apr 14 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
解决Antd Table组件表头不对齐的问题
Oct 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 Mysql编程之高级技巧
2008/08/27 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
php常量详细解析
2015/10/27 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
基于jQuery的仿flash的广告轮播
2010/11/05 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
通过源码分析Python中的切片赋值
2017/05/08 Python
python破解bilibili滑动验证码登录功能
2019/09/11 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
学生党支部先进事迹
2014/02/04 职场文书
医学专业毕业生求职信
2014/06/20 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
2015公务员年度考核评语
2015/03/25 职场文书
学生乘坐校车安全责任书
2015/05/11 职场文书
python基础之类方法和静态方法
2021/10/24 Python
HTML5基础学习之文本标签控制
2022/03/25 HTML / CSS