JS限制文本框录入长度(支持字符限制)
2013-03-21 10:43
113 查看
转:http://blog.csdn.net/civerb/article/details/4772007
功能/特点:
1.实时显示可输入的字数(字节数)
2.两种限制方式(长度、字节数)
3.中文输入法下可正常使用,无BUG
4.同一页面可以使用多个,相互不干扰
limit.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; } 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>
相关文章推荐
- JS限制文本框录入长度(支持字符限制)
- js统计录入文本框中字符的个数并加以限制不超过多少
- js 验证文本框中字符串输入的长度,支持中文字符
- js统计录入文本框中字符的个数并加以限制不超过多少
- js 过滤非法字符,只输入数字,文本框长度限制
- js实现统计录入文本框中的字符的个数,并加以限制
- CSS(js)限制页面显示的文本字符长度
- 使用JS和CSS限制页面显示的字符长度
- jquery限制文本框输入字符长度
- js 限制表单输入长度 汉字为两个字符
- js关于字符长度限制的问题示例探讨
- js文本框字符数输入限制
- JS 文本框 maxlength(中文字符长度) 解决方案
- js的参数有长度限制吗?发现不能超过2083个字符
- 【项目经验】——文本框限制输入字符长度
- CSS(js)限制页面显示的文本字符长度
- 限制文本框输入的字符长度
- JS对文本框输入字符的限制