JS限制textarea字数

Posted in 前端开发 on 09/25/2009 17:51:57 | 转载请注明：出自 崔凯的博客

今天搭了个“发短信”的页面，找朋友测试，
没想到一位大侠直接弄了本长篇小说发我手机上……
为了我的宝贝手机能继续健康澎湃，给文本区域(textarea)做了一下字数限制：
我们知道，在input标签中可以使用maxlength=”4″属性来直接控制字符数，但是这一招在textarea中行不通。只好写一些JS来做判断：

  1. function textdown(e)
  2. {textevent = e ;
  3. if(textevent.keyCode == 8)
  4. {
  5. return;
  6. }
  7. if(document.getElementById('text').value.length >= 180) 
  8. {
  9. alert("大侠，我手机屏幕小，先输入这么多字好不？") 
  10. if(!document.all)
  11. {
  12. textevent.preventDefault();
  13. }
  14. else
  15. {
  16. textevent.returnValue = false;
  17. }
  18. }
  19. }
  20. function textup()
  21. {
  22. var s = document.getElementById('text').value;
  23. //判断ID为text的文本区域字数是否超过180个
  24. if(s.length > 180) 
  25. {
  26. document.getElementById('text').value=s.substring(0,180);
  27. }
  28. }

附textarea在html中需要调用的参数：

id=”text” onKeyDown=”textdown(event)” onKeyUp=”textup()”

相关日志：

«

»

8 条评论 《JS限制textarea字数》

  1. Gravatar万戈
    09/25/2009 at 19:01

    学习了，特别是input的maxlength，我真是刚知道。。。

    回复

    Gravatar匿名 Reply:
    九月 26th, 2009 at 19:22

    啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大幅啊是的发生大

  2. Gravatarcuikai
    09/26/2009 at 21:03

    那什么…………
    楼上的，我是限制了“手机短信页面”的输出字符数，没限制博客的…… :cry:

    回复

  3. Gravatar万戈
    09/26/2009 at 21:45

    哇哈哈哈～太搞笑了，这个比spam更可怕

    回复

  4. Gravatarzjw
    09/28/2009 at 17:54

    这样其实比较耗费资源，提交的时候检查一次就可以了。

    另外，检查是否可以考虑放在后端，否者别人另存为页面直接去掉相关检查就可以。

    JS的检查只用于体验上，不能代替后端的检查工作。

    回复

  5. Gravatar匿名
    09/25/2010 at 17:01

    阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅阿斯顿发生大幅v

    回复

  6. Gravatartrancer
    03/29/2011 at 11:05

    手机的可以，如果是网页就麻烦了， 粘贴的时候还要计数

    回复

  7. Gravatar匿名
    08/15/2011 at 11:45

    alert(“大侠，我手机屏幕小，先输入这么多字好不？”)
    这个提示有点不友好啊，输入的时候不知道要输入多少个字比较好，建议有个大致字数 提示。
    比如说可以 请输入多少个字以内。

    回复

发表评论 （无需注册）

支持CTRL+ENTER快捷提交
崔凯博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯博客 All rights reserved. 京ICP备09029324号.