首页 > Web开发 > 详细

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

时间:2015-09-18 11:58:48      阅读:194      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!