核心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)byteValL" />
当前位置:首页 > 日记 > 正文

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;elsebyteValLen += 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框架。

相关文章

如何给photoshop安装新的字体

如何给photoshop安装新的字体

安装,字体,方法,电脑软件,photoshop,  给photoshop安装新的字体,也是为了我们可以用到更多不同的字体。但是很多同学还不太清楚。那么接下来下面是小编整理的一些关于如何给photoshop安装新的字体,供您参阅。给photoshop安装新的字体的方法…

javascript基础练习之翻转字符串与

javascript基础练习之翻转字符串与

回文字符串,字符串,基础,回文,电脑软件,翻转字符串翻转字符串(Reverse a String),就是把字符串倒序处理的意思,比如给定一个字符串”hello”,翻转后应该返回”olleh”。测试用例reverseString("hello") 应该返回 “olleh” reverseString(…

php array_reverse 以相反的顺序返

php array_reverse 以相反的顺序返

实例代码,数组,顺序,电脑软件,php,php array_reverse函数返回一个单元顺序相反的数组,该函数有两个参数,第一个参数表示需要处理的数组,第二个参数可选,规定是否保留原始数组的键名。本文章通过实例向大家讲解array_reverse函数的使用方法。需…

怎么查看微信圈的收藏

怎么查看微信圈的收藏

收藏,电脑软件,微信圈,  当我们在微信朋友圈发现可读的值得保存的内容,我们会选择收藏起来,可是收藏起来的东西在哪里可以查看到呢?如果你不知道微信怎么查看收藏,可以看看下面的具体操作。微信圈查看收藏的方法1.打开微信,点击右下角的【我…

微信小程序开发之麦克风动画 帧动

微信小程序开发之麦克风动画 帧动

帧动画,程序开发,动画,淡出,麦克风,想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.① 上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动…

Photoshop简单几步制作字符文字

Photoshop简单几步制作字符文字

文字,字符,几步,简单,电脑软件,今天为大家介绍Photoshop简单几步制作字符文字方法,只需几步即可完成,好了,下面我们来学习吧!步骤:1、新建一块画布2、选择&ldquo;油漆桶工具&rdquo;,填充为黑色3、选择&ldquo;横排文字工具&rdquo;,设定如下4、在图…

jsp中实现带滚动条的table表格实例

jsp中实现带滚动条的table表格实例

实例代码,滚动条,表格,电脑软件,jsp,如下所示:<div style="width:700px; height:225px; overflow:auto;"> <table border="1" width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="3%">0</td> <td width="7%…

react-native ListView下拉刷新上

react-native ListView下拉刷新上

上拉加载,下拉刷新,代码,电脑软件,react,本文介绍了react-native ListView下拉刷新上拉加载实现。分享给大家,具体如下:先看效果图下拉刷新React Native提供了一个组件可以实现下拉刷新方法RefreshControl使用方法<ListView refreshControl={…

qq安全中心取消绑定图解步骤

qq安全中心取消绑定图解步骤

取消,安全中心,绑定,步骤,方法,  多朋友现在换手机都很频繁,而QQ安全中心手机版又只能通过手机解绑。今天,晓霞李晓波就为大家分享一下QQ解绑QQ安全中心手机版的方法。qq安全中心取消绑定的方法首先,我们需要确保手机是否安装QQ安全中心手机…

Angular.js实现多个checkbox只能选

Angular.js实现多个checkbox只能选

方法,选择,多个,示例,电脑软件,首先来看看效果效果实现这样的效果,必须使用指令了,只有使用指令才能单独控制每一个scope。示例代码如下:<div class="form-group"> <label class="col-sm-2 control-label">请选择文章主题色彩</label> …

2013版ppt如何控件激活工具

2013版ppt如何控件激活工具

工具,控件,激活,方法,电脑软件,  很多人在用ppt的时候,会出现弹出提示为&ldquo;此演示文稿中的一些控件无法激活。这些控件可能未在此计算机中注册&rdquo;的问题,导致ppt中的动画无法正常播放,下面给大家分享PPT2013控件激活工具的方法,希望…

JS传播事件、取消事件默认行为、阻

JS传播事件、取消事件默认行为、阻

事件,默认,取消,详解,电脑软件,1.事件处理程序的返回值 通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处…