js限制文本框输入长度两种限制方式(长度、字节数)

js限制文本框输入长度两种限制方式(长度、字节数)_基础知识

WBOY

发布： 2016-05-16 17:46:09

原创

2210 人浏览过

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

页面调用：

复制代码代码如下:

还可输入个字符

文本框限制字符长度

复制代码代码如下:

上面这样写只能限制输入的一定是数字和最大长度为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; 
} 
} 