JS限制文本框录入长度(支持字符限制)
2010-08-13 13:03
507 查看
01.function limit(){ 02. var txtNote;//文本框 03. var txtLimit;//提示字数的input 04. var limitCount;//限制的字数 05. var isbyte;//是否使用字节长度限制(1汉字=2字符) 06. var txtlength;//到达限制时,字符串的长度 07. var txtByte; 08. this.init=function(){ 09. txtNote=this.txtNote; 10. txtLimit=this.txtLimit; 11. limitCount=this.limitCount; 12. isbyte=this.isbyte; 13. txtNote.onkeydown=function(){wordsLimit()};txtNote.onkeyup=function(){wordsLimit()}; 14. txtLimit.value=limitCount; 15. } 16. function wordsLimit(){ 17. var noteCount=0; 18. if(isbyte){noteCount=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length}else{noteCount=txtNote.value.length} 19. if(noteCount>limitCount){ 20. if(isbyte){ 21. txtNote.value=txtNote.value.substring(0,txtlength+Math.floor((limitCount-txtByte)/2)); 22. txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length; 23. txtLimit.value=limitCount-txtByte; 24. }else{ 25. txtNote.value=txtNote.value.substring(0,limitCount); 26. txtLimit.value=0; 27. } 28. }else{ 29. txtLimit.value=limitCount-noteCount; 30. } 31. txtlength=txtNote.value.length;//记录每次输入后的长度 32. txtByte=txtNote.value.replace(/[^/x00-/xff]/g,"xx").length; 33. } 34.} 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; } } 页面调用: view plaincopy to clipboardprint? 01. 02. 03. 04.还可输入个字符 05. 06.
相关文章推荐
- JS限制文本框录入长度(支持字符限制)
- js统计录入文本框中字符的个数并加以限制不超过多少
- js 过滤非法字符,只输入数字,文本框长度限制
- js实现统计录入文本框中的字符的个数,并加以限制
- js 验证文本框中字符串输入的长度,支持中文字符
- js统计录入文本框中字符的个数并加以限制不超过多少
- JS实现超过长度限制后自动跳转下一款文本框的方法
- js 限制Textbox字符长度
- 文本框限制字符长度+文本框限制只能填数字+文本框只读 不可编辑
- JS限制字符长度及特殊符号不能输入
- 文本框限制字符长度+文本框限制只能填数字+文本框只读 不可编辑
- 条形码支持字符范围及长度限制
- 写了个限制文本框输入最大长度的jquery插件 - jquery.restrictFieldLength.js
- js关于字符长度限制的问题
- js的参数有长度限制吗?发现不能超过2083个字符
- 文本框限制字符长度+文本框限制只能填数字+文本框只读 不可编辑
- JS限制textbox或textarea输入字符长度
- js获取文本框长度 js截取变量 js获取某字符的位置
- 初识ReactJS的组件化开发(八):用表单做评论 :限制textarea可输入字符长度
- CSS(js)限制页面显示的文本字符长度