博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML textarea输入框限制长度 (引)
阅读量:6463 次
发布时间:2019-06-23

本文共 659 字,大约阅读时间需要 2 分钟。

引自: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)

转载于:https://www.cnblogs.com/sgivee/p/4818674.html

你可能感兴趣的文章
设计原则(四):接口隔离原则
查看>>
CSS3常见问题:100vh在移动浏览器中不是固定的,恒定的
查看>>
基于react的滑动图片验证码组件
查看>>
用户认证系统
查看>>
iOS快速清除全部的消息推送
查看>>
ecshop二次开发攻略
查看>>
【算法学习笔记】贪心算法
查看>>
java单例模式深度解析
查看>>
什么是堆、栈?
查看>>
记录一次axios的封装
查看>>
【学习笔记】阿里云Centos7.4下配置Nginx
查看>>
VuePress手把手一小時快速踩坑
查看>>
dnsmasq安装使用和体验
查看>>
学习constructor和instanceof的区别
查看>>
用docker容器来制作nginx镜像
查看>>
关于分布式系统
查看>>
枚举类
查看>>
封装之--JAVA中的访问修饰符(区别于.NET)
查看>>
PyQt5综合实践—TCP服务器
查看>>
斐波那契数列 Java 不同的实现方法所需要的时间比较
查看>>