ホームページ > ウェブフロントエンド > jsチュートリアル > jsでテキストボックスの入力長を2つの方法(長さ、バイト数)で制限する_基礎知識

jsでテキストボックスの入力長を2つの方法(長さ、バイト数)で制限する_基礎知識

WBOY
リリース: 2016-05-16 17:46:09
オリジナル
2224 人が閲覧しました
機能・特徴:
1. 入力可能な単語数(バイト数)のリアルタイム表示
2. 2つの制限方法(長さ、バイト数)
3. 中国語の入力方法 バグもなく正常に使用できます
4. 同じページ内で相互に干渉せずに複数使用できます
limit.js
コードをコピー コードは次のとおりです:

function limit(){
var txtNote;//テキスト ボックス
var txtLimit;//単語数の入力プロンプト
var limitCount;//単語数の制限
var isbyte;//バイト長制限を使用するかどうか (漢字 1 文字 = 2 文字)
var txtlength;//制限に達すると、文字列の長さ
var txtByte;
this.init=function(){
txtNote=this.txtNote=this; .txtLimit;
limitCount=this.limitCount;
isbyte=this.isbyte
txtNote.onkeydown=function(){wordsLimit()};txtNote.onkeyup=function()
txtLimit.value=limitCount;
}
functionwordsLimit(){
var noteCount=0
if(isbyte){noteCount=txtNote.value.replace(/[^/x00] -/xff]/g,"xx").length}else{noteCount=txtNote.value.length}
if(noteCount>limitCount){
if(isbyte){
txtNote.value=txtNote .value.substring(0,txtlength Math.floor((limitCount-txtByte)/2)) ;
txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx")。長さ;
txtLimit.value=limitCount-txtByte;
txtNote.value=txtNote.value.substring(0,limitCount);
}else{
txtLimit.value=limitCount-noteCount;
}
txtlength=txtNote.value.length;//各入力後の長さを記録します
txtByte=txtNote.value.replace (/[^/x00-/xff]/g,"xx").length;
}
}


ページ呼び出し:



コードをコピー

を入力することもできます。 javascript">