欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js实现字符限制中文汉字=两个字符

程序员文章站 2022-03-29 13:22:06
...
这次给大家带来js实现字符限制中文汉字=两个字符,js实现字符限制中文汉字=两个字符的注意事项有哪些,下面就是实战案例,一起来看一下。

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实现汽车仪表盘

canvas与JS实现动态时钟动画

InstantClick怎么设置才能兼容MathJax与百度统计等

以上就是js实现字符限制中文汉字=两个字符的详细内容,更多请关注其它相关文章!