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
}
}
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?
<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>
1、input文本框的输入长度的话可以用maxlength属性来限制输入字段的最大长度：<input type="text" maxlength="10" />
2、如果是限制input的显示长度的话，可以直接用CSS中的width来限制：
<input type="text" style="width:200px" />
html表单中输入字符的最小长度是1个字符。
用input text标签的maxlength属性即可实现，代码如下：
<input type="text" maxlength="XX" />
maxlength 属性后面设置需要限制的字段长度即可。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）