zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JavaScript 限制文本框输入长度(支持字符限制)详解编程语言

JavaScript字符输入编程语言 详解 支持 限制 长度
2023-06-13 09:20:25 时间
var isbyte;//是否使用字节长度限制(1汉字=2字符) var txtlength;//到达限制时,字符串的长度 var txtByte; this.init=function(){ txtNote=this.txtNote; txtLimit=this.txtLimit; limitCount=this.limitCount; isbyte=this.isbyte; txtNote. unction(){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 src="limit.js" mce_src="limit.js" /mce:script 

 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 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8804.html

cjava