码迷,mamicode.com
首页 > Web开发 > 详细

HTML textarea输入框限制长度 (引)

时间:2015-09-18 12:01:11      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

引自:http://aqingsao.iteye.com/blog/398897

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

 

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属性就可以了:

Java代码 
  1. <textarea rows=‘5‘ cols=‘50‘ maxlength=‘250‘ name=‘‘></textarea>

其中, rows  和  cols 可以不必写, 但 maxlength 是必填项

然后页面加载上绑定事件即可:

Java代码 
  1. $(limit_textarea_input)

HTML textarea输入框限制长度 (引)

标签:

原文地址:http://www.cnblogs.com/sgivee/p/4818674.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!