200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html 限制文本框的长度 JavaScript 限制文本框输入长度(支持字符限制)

html 限制文本框的长度 JavaScript 限制文本框输入长度(支持字符限制)

时间:2019-05-07 22:24:17

相关推荐

html 限制文本框的长度 JavaScript 限制文本框输入长度(支持字符限制)

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.οnkeydοwn=function(){wordsLimit()};txtNote.οnkeyup=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;

}

}

还可输入个字符

标签:

代码

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@

特别注意:本站所有转载文章言论不代表本站观点!

本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。