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

功能/特點：
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;
}
}

不知道這樣行不行。 。 。
------解決方案--------------------------------------- -----------------
HTML code

複製程式碼 程式碼如下:

請輸入您的姓名:

我要留言:

------解------------------ --------------------------------------
HTML code

複製程式碼 程式碼如下:

電話號碼:

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

複製程式碼

複製程式碼

程式碼如下:

上面這樣寫只能限制輸入的一定是數字和最大長度為11個字元如何限制… 這樣是可以有個提示，但並沒起到限製作用，，當輸入少於11位元還是可以提交的，這個是不是要用js來控制的呢