js限製文字方塊輸入長度兩種限制方式(長度、位元組數)

js限製文字方塊輸入長度兩種限制方式(長度、位元組數)_基礎知識

WBOY

發布： 2016-05-16 17:46:09

原創

2190 人瀏覽過

功能/特點：
1.即時顯示可輸入的字數（位元組數）
2.兩種限制方式（長度、位元組數）
3.中文輸入法下方可正常使用，無BUG
4.同一頁可以使用多個，互相不干擾
limit.js

 
function limit(){ 
var txtNote;//文字方塊
var txtLimit;//提示字數的input 
var limitCount;//限制的字數
var isbyte;//是否使用位元組長度限制（1漢字=2字元） 
var txtlength;//到達限制時，字串的長度
 var txtByte; 
this.init=function(){ 
txtNote=this.txtNote; 
txtLimit=this.txtLimit; 
limitCount=this.limitCount; 
isbyte=this.isbyte; 
txtNote.onkeydown=function(){wordsLimit()};txtNote.onkeyup=function(){wordsLimit()}; 
txtLimit.value=limitCount; 
} 
functiontxtLimit.value=limitCount; 
} 
functiontxtLimitsLimit(){ 
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").length; 
txtLimit.value=limitCount-txtByte; 
}else{ 
txtNote.value=txtNote.value.substring(0,limitCount); 
txtLimit.value=0; 
} 
}else{ 
txtLimit.value=limitCount-noteCount;🎜>}; 
txtlength=txtNote.value.length;//記錄每次輸入後的長度
txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length; 
} 
} 

頁面調用：

複製代碼

代碼如下:

也可輸入個字元

文字方塊限製字元長度

複製程式碼

程式碼如下:

上面這樣寫只能限制輸入的一定是數字和最大長度為11個字如何限制一定要輸入11位元不能少也不能多------解------------------------------ -------------------------- 你確定上面的寫法對嗎。。。測試怎麼通不過呢。。

不對嗎測試那裡不對這個現在只是限制輸入一定是數字和11個字元

------解決方案------------------- -------------------------------------

複製程式碼

程式碼如下:

上面這樣寫只能限制輸入的一定是數字和最大長度為11個字符如何限制一定要輸入11位元不能少也不能多

------解---------------------------- ----------------------------

複製程式碼

程式碼如下:

上面這樣寫只能限制輸入的一定是數字和最大長度為11個字元如何限制… --- ---解決方案--------------------------------------------- ----------- 複製程式碼程式碼如下:

 
if(document.form.mobile.value=="") 
{ 
alert("您輸入錯誤"); 
document.forma.mobile.focus(); 
return false; 
} 
else 
{ 
if(!/^d{11}$.test(document.form.mobile.value)) 
{alert("您輸入數字的位數不對"); 
document.forma.mobile.focus(); 
return false; 
} 
} 