js限制文本框輸入長度兩種限制方式(長度、字節數)
2024-05-06 14:20:27
供稿：網友
功能/特點：
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;
}
function wordsLimit(){
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;
}
}
頁面調用：
代碼如下:
<html>
<body>
<input id="txtNote" />
還可輸入<input type="text" id="txtCount" />個字符
</body>
<mce:script type="text/javascript"><!--
var lim=new limit();
lim.txtNote=document.getElementById("txtNote");
lim.txtLimit=document.getElementById("txtCount");
lim.limitCount=20;
lim.isbyte=true;
lim.init();
// --></mce:script>
</html>
文本框限制字符長度
代碼如下:
<INPUT onkeydown=if(event.keyCode==13)event.keyCode=9 onkeyup="value=value.replace(/[^0-9- ]/g,'');" maxLength=11 >
上面這樣寫只能限制輸入的一定是數字 和最大長度為11個字符 如何限制一定要輸入11位 不能少也不能多
------解決方案--------------------------------------------------------
你確定上面的寫法對嗎。。。測試怎么通不過呢。。
不對嗎 測試那里不對 這個現在只是限制輸入一定是數字和11個字符
------解決方案--------------------------------------------------------
代碼如下:
<INPUT onkeydown=if(event.keyCode==13)event.keyCode=9 onkeyup="value=value.replace(/[^0-9- ]/g,'');" maxLength=11 >
上面這樣寫只能限制輸入的一定是數字 和最大長度為11個字符 如何限制一定要輸入11位 不能少也不能多
------解決方案--------------------------------------------------------
代碼如下:
<INPUT onkeydown=if(event.keyCode==13)event.keyCode=9 onkeyup="value=value.replace(/[^0-9- ]/g,'');" maxLength=11 >
