软件开发培训班 >> 编程开发 >> JavaScript

TextArea 控件的最大长度问题(js json)

如果只是单纯地想限制 textarea 中的字数，不想写太多的话，可用：

<textarea onkeyup="this.value = this.value.slice(0, 80)"></textarea>

或

<textarea onkeyup="this.value = this.value.substring(0, 80)"></textarea>

在 textarea 的 onkeyup 中检查字数之方法：

复制代码代码如下:

 
<script language="javascript" type="text/javascript"> 
function DjCheckMaxlength(oInObj) 
{ 
var iMaxLen = parseInt(oInObj.getAttribute(maxlength)); 
var iCurLen = oInObj.value.length; 

if ( oInObj.getAttribute && iCurLen > iMaxLen ) 
{ 
oInObj.value = oInObj.value.substring(0, iMaxLen); 
} 
} //@ END OF DjCheckMaxlength() 
</script> 
<textarea maxlength="80" onkeyup="return DjCheckMaxlength(this);"></textarea> 

o 设定好自动去检查所有的 textarea 之方法：

复制代码代码如下:

 
<head> 
<script language="javascript" type="text/javascript"> 
function DjTextArea_AddMaxlengthAttr() 
{ 
var aX = document.getElementsByTagName(textarea); 

for ( var iI = 0; aX.length > iI; iI++ ) 
{ 
if ( aX[iI].getAttribute(maxlength) ) 
{ 
aX[iI].onkeyup = aX[iI].onchange = DjTextArea_CheckMaxlength; 
} 
} 
} //@ END OF DjTextArea_AddMaxlengthAttr() 

function DjTextArea_CheckMaxlength() 
{ 
var iMaxLen = parseInt(this.getAttribute(maxlength)); 
var iCurLen = this.value.length; 

if ( this.getAttribute && iCurLen > iMaxLen ) 
{ 
this.value = this.value.substring(0, iMaxLen); 
} 
} //@ END OF DjTextArea_CheckMaxlength() 
</script> 
</head> 

<body onload="DjTextArea_AddMaxlengthAttr();"> 

复制代码代码如下:

var Inputs = { 

OnIntegerOnly: function() { 
var k = System.isIE ? event.keyCode : event.which; 

if(event.ctrlKey || event.ctrlAlt || event.shiftKey) { 
Inputs.DisableInput(event); 
return; 
} 

if ( ( k < 48 || k > 57 ) 
&& 8 != k 
&& 9 != k 
&& 46 != k 
&& 37 != k 
&& 39 != k 
&& 16 != k 
&& 36 != k 
&& 35 != k 
&& 17 != k 
&& 13 != k 
&& ( k < 96 || k > 105 ) 
) { 
Inputs.DisableInput(event); 
} 

return k; 
}, 

OnDecimalOnly: function() { 
var k = System.isIE ? event.keyCode : event.which; 

if(event.ctrlKey || event.ctrlAlt || event.shiftKey) { 
Inputs.DisableInput(event); 
return; 
} 

if( ( k < 48 || k > 57 ) 
&& 8 != k 
&& 9 != k 
&& 46 != k 
&& 37 != k 
&& 39 != k 
&& 16 != k 
&& 36 != k 
&& 35 != k 
&& 17 != k 
&& 13 != k 
&& 190 != k 
&& 110 != k 
&& ( k < 96 || k > 105 ) 
) { 
Inputs.DisableInput(event); 
} 

return k; 
}, 

OnAsciiOnly: function() { 
var k = System.isIE ? event.keyCode : event.which; 

if ( ( k < 97 || k > 122 ) 
&& ( k < 65 || k > 90 ) 
&& ( k < 48 || k > 57 ) 
&& 8 != k 
&& 9 != k 
&& 46 != k 
&& 37 != k 
&& 39 != k 
&& 16 != k 
&& 36 != k 
&& 35 != k 
&& 17 != k 
&& 13 != k 
&& 189 != k 
&& 187 != k 
) { 
Inputs.DisableInput(event); 
} 

return k; 
}, 

DisableInput: function(event) { 
if(System.isIE) 
event.returnValue = false; 
else 
event.preventDefault(); 
}, 

AddOnPos: function(obj, charvalue) { 
//obj代表要插入字符的输入框 

//value代表要插入的字符 

obj.focus(); 
var r = document.selection.createRange(); 
var ctr = obj.createTextRange(); 
var i; 
var s = obj.value; 

//注释掉的这种方法只能用在单行的输入框input内 

//对多行输入框textarea无效 
//r.setEndPoint("StartToStart", ctr); 
//i = r.text.length; 
//取到光标位置----Start---- 
var ivalue = "&^asdjfls2FFFF325%$^&"; 
r.text = ivalue; 
i = obj.value.indexOf(ivalue); 
r.moveStart("character", -ivalue.length); 
r.text = ""; 
//取到光标位置----End---- 
//插入字符 
obj.value = s.substr(0,i) + charvalue + s.substr(i,s.length); 
ctr.collapse(true); 
ctr.moveStart("character", i + charvalue.length); 
ctr.select(); 
}, 

MaxLength: function() { 
var _this = event.srcElement; 
var iMaxLen = parseInt(_this.getAttribute(maxlength)); 

switch(event.type) { 
case beforepaste: { 
event.returnValue = false; 
} break; 

case paste: { 
var iTxtLen = _this.value.lenUTF8(); 
var txtCbd = window.clipboardData.getData("Text"); 
var iCbdLen = txtCbd.lenUTF8(); 
if((iMaxLen - iTxtLen) <= iCbdLen) { 
var iSurplusLen = iMaxLen - iTxtLen; 
var subStr = txtCbd.substr(0, iSurplusLen); 
var insertStr = ; 
for(var i = 0; i < subStr.length; i++) { 
var chr = subStr.substr(i, 1); 
if(iSurplusLen >= chr.lenUTF8()) { 
insertStr += chr; 
iSurplusLen -= chr.lenUTF8(); 
} 
} 

Inputs.AddOnPos(_this, insertStr); 
//_this.style.backgroundColor = red; 
//System.setTimeout(Inputs.ColorTips, 500, _this); 
event.returnValue = false; 
event.srcElement.style.imeMode = disabled; 
} else { 
event.returnValue = true; 
event.srcElement.style.imeMode = auto; 
} 
} break; 

case keypress: { 
var iTxtLen = _this.value.lenUTF8(); 
if(iMaxLen <= iTxtLen) { 
while(_this.value.lenUTF8() > iMaxLen) { 
_this.value = _this.value.substr(0, _this.value.length - 1); 
} 
Inputs.DisableInput(event); 
if(disabled != event.srcElement.style.imeMode) { 
event.srcElement.style.imeMode = disabled; 
} 
} 
else { 
if(auto != event.srcElement.style.imeMode) { 
event.srcElement.style.imeMode = auto; 
} 
} 
} break; 

case keyup: { 
var k = System.isIE ? event.keyCode : event.which; 

if (8 != k 
&& 9 != k 
&& 46 != k 
&& 37 != k 
&& 39 != k 
&& 16 != k 
&& 36 != k 
&& 35 != k 
&& 17 != k 
&& 13 != k 
&& 189 != k 
&& 187 != k 
) { 
if(_this.getAttribute) { 
_this.fireEvent(onkeypress); 
} 
} 
} break; 

case keydown: { 
var k = System.isIE ? event.keyCode : event.which; 

if (8 != k 
&& 9 != k 
&& 46 != k 
&& 37 != k 
&& 39 != k 
&& 16 != k 
&& 36 != k 
&& 35 != k 
&& 17 != k 
&& 13 != k 
&& 189 != k 
&& 187 != k 
) { 
var iTxtLen = _this.value.lenUTF8(); 
if(iMaxLen <= iTxtLen) { 
Inputs.DisableInput(event); 
} 
} 
} break; 
} 
}, 

TextAreaMaxLength: function() { 

var aX = document.getElementsByTagName(textarea); 
for(var i = 0; i < aX.length; i++) { 
if(aX[i].getAttribute(maxlength)) { 
aX[i].detachEvent(onbeforepaste, Inputs.MaxLength); 
aX[i].detachEvent(onpaste, Inputs.MaxLength); 
aX[i].detachEvent(onkeypress, Inputs.MaxLength); 
aX[i].detachEvent(onkeyup, Inputs.MaxLength); 
aX[i].detachEvent(onkeydown, Inputs.MaxLength); 

aX[i].attachEvent(onbeforepaste, Inputs.MaxLength); 
aX[i].attachEvent(onpaste, Inputs.MaxLength); 
aX[i].attachEvent(onkeypress, Inputs.MaxLength); 
aX[i].attachEvent(onkeyup, Inputs.MaxLength); 
aX[i].attachEvent(onkeydown, Inputs.MaxLength); 
/* 
var res = zh-cn == window.navigator.systemLanguage 
? 最大长度： 
: Maximum length for: ; 

if( == aX[i].title) aX[i].title = res + aX[i].getAttribute(maxlength); 
*/ 
} 
} 
}, 

TextBoxMaxLength: function() { 
var aX = document.getElementsByTagName(input); 
for(var i = 0; i < aX.length; i++) { 
var maxLen = aX[i].getAttribute(maxlength); 
if(text == aX[i].type 
&& null != maxLen 
&&  != maxLen 
&& undefined != maxLen 
&& 2147483647 > parseInt(maxLen) 
&&  == aX[i].title) { 

aX[i].detachEvent(onbeforepaste, Inputs.MaxLength); 
aX[i].detachEvent(onpaste, Inputs.MaxLength); 
aX[i].detachEvent(onkeypress, Inputs.MaxLength); 
aX[i].detachEvent(onkeyup, Inputs.MaxLength); 

aX[i].attachEvent(onbeforepaste, Inputs.MaxLength); 
aX[i].attachEvent(onpaste, Inputs.MaxLength); 
aX[i].attachEvent(onkeypress, Inputs.MaxLength); 
aX[i].attachEvent(onkeyup, Inputs.MaxLength); 
/* 
var res = zh-cn == window.navigator.systemLanguage 
? 最大长度： 
: Maximum length for: ; 

aX[i].title = res + aX[i].getAttribute(maxlength); 
*/ 
} 
} 
} 
} 

Tools.Inputs = Inputs; 

window.attachEvent(onload, Tools.Inputs.TextAreaMaxLength); 
window.attachEvent(onload, Tools.Inputs.TextBoxMaxLength);

技术文章快速查找

给文字加上着重号的JS代码

用XMLDOM和ADODB.Stream实现base64编码解码实现代码

js toFixed()方法的重写实现精度的统一

JavaScript中yield实用简洁实现方式

让iframe子窗体取父窗体地址栏参数(querystring)

特殊字符、常规符号及其代码对照表

JS获取URL中参数值（QueryString）的4种方法分享

使用jquery mobile做幻灯播放效果实现步骤

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建