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

相关文章

  • 微信小程序框架wepy之动态控制类名

    微信小程序框架wepy之动态控制类名

    这篇文章主要为大家详细介绍了微信小程序框架wepy之动态控制类名,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09
  • HTML+CSS+JavaScript实现下拉菜单效果

    HTML+CSS+JavaScript实现下拉菜单效果

    这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现下拉菜单效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 换肤测试程序js脚本

    换肤测试程序js脚本

    换肤测试程序js脚本...
    2007-01-01
  • js实现touch移动触屏滑动事件

    js实现touch移动触屏滑动事件

    在开始描述touch事件之前,需要先描述一下多触式系统中特有的touch对象(android和iOS乃至nokia最新的meego系统都模拟了类 似的对象)。这个对象封装一次屏幕触摸,一般来自于手指。它在touch事件触发的时候产生,可以 通过touch event handler的event对象取到
    2015-04-04
  • AJAX请求与跨域问题解决方法详解

    AJAX请求与跨域问题解决方法详解

    学习ajax必须得掌握的就是跨域请求,实际上在不同源的地址上发送请求就是跨域请求,本文主要给大家介绍了关于AJAX请求以及解决跨域问题的相关资料,需要的朋友可以参考下
    2022-11-11
  • js实现模态框的拖拽效果

    js实现模态框的拖拽效果

    这篇文章主要为大家详细介绍了js实现模态框的拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • ES6中Array.includes()函数的用法

    ES6中Array.includes()函数的用法

    这篇文章主要介绍了ES6中Array.includes()函数的用法,需要的朋友可以参考下
    2017-09-09
  • ES6新特性:使用export和import实现模块化详解

    ES6新特性:使用export和import实现模块化详解

    本篇文章主要介绍了ES6新特性:使用export和import实现模块化详解,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07
  • javascript事件的传播基础实例讲解(35)

    javascript事件的传播基础实例讲解(35)

    这篇文章主要为大家详细介绍了javascript事件的传播基础实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • BootStrap tooltip提示框使用小结

    BootStrap tooltip提示框使用小结

    这篇文章主要为大家详细介绍了BootStrap tooltip提示框使用小结 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10

最新评论