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 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
javascript 防止刷新,后退,关闭
Aug 07 Javascript
jQuery创建插件的代码分析
Apr 14 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 Javascript
Bootstrap每天必学之导航条
Nov 27 Javascript
JavaScript常用数组算法小结
Feb 13 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
微信小程序定位当前城市的方法
Jul 19 Javascript
react中使用css的7中方式(最全总结)
Feb 11 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
vue组件之Alert的实现代码
2017/10/17 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
英文自我鉴定
2013/12/10 职场文书
推广普通话演讲稿
2014/05/23 职场文书
离婚协议书应该怎么写
2014/10/12 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
面试中canvas绘制图片模糊图片问题处理
2022/03/13 Javascript
Linux中各个目录的作用与内容
2022/06/28 Servers