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 相关文章推荐
css图片自适应大小
Nov 28 Javascript
jquery中实现标签切换效果的代码
Mar 01 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
jquery不常用方法汇总
Jul 26 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
Mar 07 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 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
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
ThinkPHP实现登录退出功能
2017/06/29 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
动态加载JS文件的三种方法
2013/11/08 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
一分钟理解js闭包
2016/05/04 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
详解小程序不同页面之间通讯的解决方案
2018/11/23 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
JavaScript 实现下雪特效的示例代码
2020/09/09 Javascript
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
windows下安装Python和pip终极图文教程
2017/03/05 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
Python中将两个或多个list合成一个list的方法小结
2019/05/12 Python
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
python-docx文件定位读取过程(尝试替换)
2020/02/13 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
城建学院毕业生自荐信
2014/01/31 职场文书
医师定期考核实施方案
2014/05/07 职场文书
音乐学专业求职信
2014/07/22 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
2015年维修电工工作总结
2015/04/25 职场文书
编写python程序的90条建议
2021/04/14 Python
mysql 索引的数据结构为什么要采用B+树
2022/04/26 MySQL