zoukankan      html  css  js  c++  java
  • HTML textarea输入框限制长度 (引)

    引自: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)
  • 相关阅读:
    一条SQL的执行流程
    LinkedList源码解析
    MinorGC前检查
    AbstractList源码分析
    JVM常用命令
    CountDownLatch源码解析
    ReentrantLock源码解析
    HTTPS简单介绍
    工厂方法模式
    观察者模式
  • 原文地址:https://www.cnblogs.com/sgivee/p/4818674.html
Copyright © 2011-2022 走看看