牛骨文教育服务平台(让学习变的简单)
博文笔记

HTML textarea输入框限制长度

创建时间:2015-06-01 投稿人: 浏览次数:3662

extarea在Web开发中经常用到,但是它本身不支持maxlength,可以通过下面的js实现:

  1. function limit_textarea_input() {  
  2.     $("textarea[maxlength]").bind("input propertychange", function() {  
  3.         var maxLength = $(this).attr("maxlength");  
  4.         if ($(this).val().length > maxLength) {  
  5.             $(this).val($(this).val().substring(0, maxLength));  
  6.         }  
  7.     })  
  8. }  
 

通过侦听input事件(firefox, safari...)和propertychange事件(IE),限制textarea输入框的长度。

这样给需要限制长度的输入框加上maxlength属性就可以了:


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。