js字符限制(字符截取) 一個(gè)中文漢字算兩個(gè)字符
更新時(shí)間：2017年09月12日 15:02:38 投稿：mdxy-dxy
有時(shí)候我們需要限制用戶的輸入或者需要截取一定長度的字符串都需要用到這樣的功能代碼，這里腳本之家小編就為大家分享一下
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框架。
相關(guān)文章
這篇文章主要介紹了jQuery插件datepicker 日期連續(xù)選擇的方法和示例，有需要的小伙伴可以參考下。2015-06-06
用js寫了一個(gè)類似php的print_r輸出換行功能
因?yàn)閜hp的print_r比較好用同時(shí)js卻沒有這個(gè)功能于是自己就寫了一個(gè)，感興趣的你可不要錯(cuò)過了哈，希望本文對(duì)你提高知識(shí)有所幫助2013-02-02
JavaScript實(shí)現(xiàn)圖片懶加載的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片懶加載的方法,結(jié)合實(shí)例形式分析了javascript圖片懶加載的原理、操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts
這篇文章主要介紹了基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
Bootstrap頁面布局基礎(chǔ)知識(shí)全面解析
Bootstrap作為支持響應(yīng)式布局的一個(gè)前端插件，發(fā)揮著非常重要的作用，下面通過本文給大家介紹Bootstrap頁面布局基礎(chǔ)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
如何利用js實(shí)時(shí)監(jiān)聽input輸入框值的變化
在做web開發(fā)時(shí)候很多時(shí)候都需要即時(shí)監(jiān)聽輸入框值的變化,以便作出即時(shí)動(dòng)作去引導(dǎo)瀏覽者增強(qiáng)網(wǎng)站的用戶體驗(yàn)感,這篇文章主要給大家介紹了關(guān)于如何利用js實(shí)時(shí)監(jiān)聽input輸入框值的變化,需要的朋友可以參考下2024-02-02
javascript HTML5 Canvas實(shí)現(xiàn)圓盤抽獎(jiǎng)功能
這篇文章主要為大家詳細(xì)介紹了javascript HTML5 Canvas實(shí)現(xiàn)圓盤抽獎(jiǎng)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-04-04
es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的理解與應(yīng)用分析
這篇文章主要介紹了es6中class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法的理解與應(yīng)用,結(jié)合實(shí)例形式分析了es6 class類靜態(tài)方法，靜態(tài)屬性，實(shí)例屬性，實(shí)例方法相關(guān)概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
js實(shí)現(xiàn)屏幕自適應(yīng)局部代碼分享
這篇文章主要介紹了js實(shí)現(xiàn)屏幕自適應(yīng)局部代碼分享,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了如何在頁面中可以簡單的測試一些簡單的JavaScript語句,需要的朋友可以參考下2010-04-04