脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js字符截取

js字符限制(字符截取) 一个中文汉字算两个字符

 更新时间：2017年09月12日 15:02:38   投稿：mdxy-dxy  
有时候我们需要限制用户的输入或者需要截取一定长度的字符串都需要用到这样的功能代码，这里脚本之家小编就为大家分享一下

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框架。

相关文章

  • js内置对象 学习笔记

    js内置对象 学习笔记

    今天系统的学了一下javascript的内置对象。
    2011-08-08
  • echarts设置暂无数据方法实例及遇到的问题

    echarts设置暂无数据方法实例及遇到的问题

    Echarts是百度旗下的一款开源的商业级数据可视化产品,具有丰富的图表类型,下面这篇文章主要给大家介绍了关于echarts设置暂无数据方法及遇到的问题的相关资料,需要的朋友可以参考下
    2022-12-12
  • 详解Javascript动态操作CSS

    详解Javascript动态操作CSS

    本文我们会讨论如何通过 JavaScript 在运行时操作 CSS，从而动态地更新应用到我们的元素上的式样。本文所用的技术是我们已经看到过的，但在利用 CSS DOM 来进行操作的时候还需要注意几个特殊点。
    2014-12-12
  • JavaScript 赋值,浅复制和深复制的区别

    JavaScript 赋值,浅复制和深复制的区别

    这篇文章主要介绍了JavaScript 赋值,浅复制和深复制的区别，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
    2022-05-05
  • js图片自动切换效果处理代码

    js图片自动切换效果处理代码

    自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）虽然很简单，但是很实用
    2013-05-05
  • javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】

    javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】

    这篇文章主要介绍了javascript基于牛顿迭代法实现求浮点数的平方根,简单说明了牛顿迭代法的原理,并结合实例分析了javascript基于递归的数值运算相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • 全面解析Bootstrap中tooltip、popover的使用方法

    全面解析Bootstrap中tooltip、popover的使用方法

    这篇文章主要为大家详细解析了Bootstrap中tooltip、popover的使用方法，了解提示框、弹出框的实现原理，感兴趣的朋友可以参考一下
    2016-06-06
  • JS 可选链的三种形势及好处详解

    JS 可选链的三种形势及好处详解

    这篇文章主要为大家介绍了JS 可选链的三种形势及好处详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-05-05
  • JS实现百度网盘任意文件强制下载功能

    JS实现百度网盘任意文件强制下载功能

    这篇文章主要介绍了JS实现百度网盘任意文件强制下载 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2018-08-08
  • 巧用replace将文字表情替换为图片

    巧用replace将文字表情替换为图片

    选择表情插入文本域的时候，显示的是类似[哈哈]这样的字符串，下面是把表情字符串转换为图片表情的一种方法
    2014-04-04

最新评论