当前位置：首页 → 问答吧 → 关于textarea内文字输入超出的显示问题

关于textarea内文字输入超出的显示问题

时间：2010-09-16

来源：互联网

当你输入汉字到151个的时候就会出现问题，这个体验太差了，请高手指点
忘记注明了，是在火狐浏览器上的bug

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var maxNum=150;//最大显示的字数 var domId='txt';//验证的标签 var msgId='msg';//提示信息显示的标签 yanzheng(domId,msgId,maxNum); }); function yanzheng(domId,msgId,maxNum){ $('#'+domId).keyup(function(event){ var strtxtcount= $('#'+domId).val().length; if(strtxtcount<maxNum){ $('#'+msgId).text('已经输入了'+strtxtcount+'字'); }else{ $('#'+msgId).text('超出了'); newStr = $('#'+domId).val().substr(0,maxNum); $('#'+domId).val(newStr); return false; } }); } </script> </head> <body> <textarea id="txt" type="text" rows="3" cols="50" value=""></textarea><br /> <span id="msg">已经输入了0字</span> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 KeBoo 于 2010-9-16 14:11 编辑 ]

作者: KeBoo 发布时间: 2010-09-16

火狐下都没效果。。。。3.6.8

作者: lyl198659 发布时间: 2010-09-16