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