博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2013-01-09 13:31 IE不支持textarea的maxlength属性,Firefox支持
阅读量:5958 次
发布时间:2019-06-19

本文共 2027 字,大约阅读时间需要 6 分钟。

解决办法:

<s:textarea name="doc.intro" id="intro" rows="3" cssStyle="width: 505px;" οnkeyup="validateLength(this)" οnblur="validateLength(this)"></s:textarea>
//验证textare输入长度
function validateLength(arg){
var intro = arg.innerHTML.replace(/^\s+|\s+$/g,"");
if(intro.length>512){
arg.innerHTML=intro.substr(0,512);
}
}

如果只是單純地想限制 textarea 中的字數,不想寫太多的話,可用:

<textarea οnkeydοwn="this.value = this.value.slice(0, 80)"></textarea>
<textarea οnkeyup="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" οnkeyup="return DjCheckMaxlength(this);"></textarea>
.....

 

 

設定好自動去檢查所有的 textarea 之方法:

.....
<head>
<script language="javascript" type="text/javascript">
function DjTextArea_AddMaxlengthAttr()
{
var aX = document.getElementsByTagName_r('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 οnlοad="DjTextArea_AddMaxlengthAttr();">
首先在textarea 上定义一个 maxlength 属性:
<textarea rows="3" cols="40" maxlength="200" οnkeydοwn="checklength(this);"></textarea>
然后添加这个方法就行了!
function checklength(obj) {
var max = obj.maxlength;
if(max == null || max == "" || max == undefined) {
return;
}
if(obj.value.length > max) {
alert("请不要超过最大长度:" + max);
obj.value=obj.value.substring(0,(max-1));
return;
}
}
 

转载地址:http://hvuax.baihongyu.com/

你可能感兴趣的文章
vsftp
查看>>
Cloudera Hadoop 4系列实战课程(电商业日志流量分析项目)
查看>>
字符串,链表,树
查看>>
Linux学习笔记:MySQL主从同步
查看>>
Nginx错误日志(error_log)配置及信息详解
查看>>
Highcharts 学习笔记
查看>>
高性能python编程之协程
查看>>
PHP编译过程中常见错误信息的解决方法
查看>>
redis服务端及php客户端安装方法
查看>>
定时删除文件
查看>>
mysql主从同步
查看>>
springmvc 高级3 之 统一异常处理
查看>>
我的友情链接
查看>>
memcache安装
查看>>
(总结)Web性能压力测试工具之ApacheBench(ab)详解
查看>>
我的友情链接
查看>>
AWT查看oracle历史sql语句执行
查看>>
支付宝、微信、QQ红包大战,商家选谁更靠谱?
查看>>
人工智能:智慧型手机的未来
查看>>
为何时尚品牌的“IP+”只能在京东完成?
查看>>