textarea 输入框限制字数(兼容ie)

15.实时统计textarea输入字数并限制字数                            1)Dom结构:                  <textarea  class="limit_100 advice" placeholder="请输入反馈内容"></textarea>                  <span class="limit statistics">0/100< 阅读详情

问题:在input标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10、IE11则支持

解决:

<textarea id="taContent" rows="3"  maxlength="20" 
onchange="this.value=this.value.substring(0, 20)" 
onkeydown="this.value=this.value.substring(0, 20)" 
onkeyup="this.value=this.value.substring(0, 20)" ></textarea>

备注:onchange、onkeydown、onkeyu三者缺一不可。

如省略onchange,当你用复制功能,此时一直按着ctrl不松开,鼠标去点击其他地方(焦点移出textarea)时,不会自动取消超出部分;

如省略onkeydown,猛敲的时候会有很多个字符突然不见;

如省略onkeyup,原想预计20的情况下,会变成21,并且最后一个字符是最后敲进去的。

Maxlength 也不可省略,加上maxlength 当碰到IE10及以上版本时,可以完美的实现限制输入框字数的功能。不想其他低版本的IE浏览器还可以出现一个字母后消失。

textarea 自适应大小 兼容Chrome ie等浏览器 textarea 自适应大小 兼容Chrome ie等浏览器,自动调整大小 立即下载

相关推荐

Orcad原理图导入Allegro

在即将设计的PCB中,将层叠设置好后,执行File→import→parameters,将刚才导出的.prm文件导入,很多参数就自动设置好了,与已完成的PCB里的参数保持一致。具体操作是:在已完成的PCB里执行File→Exoprt→Parameters,弹出下图所示的对话框,选择需要导出的设计参数后,设置到导出路径,导出记录设计参数的文件(.prm)。在.brd文件导入网表后,往往需要页面大小、格点、各层叠里各要素显示颜色等参数,手动设置十分麻烦,我们可以在一块已经完成的PCB里导出记录设计参数的文件。

sinat_27007097的博客 2085

textarea 字数统计

$("#bz").bind("input propertychange", function () {                 if ($("#bz").val().length                     $("#zstj").val($("#bz").val().length + "/80");                 }

HJ850126的专栏 1501

忍者安全渗透系统(NINJITSU OS V3)的安装详细过程,亲测新旧vm版本都可安装,附带下载来源

忍者安全渗透系统(NINJITSU)的安装详细过程,亲测新旧vm版本都可安装,附带下载来源

1万+

input输入数字且有长度限制的兼容方案

在使用表单元素的时候,input输入框是很常见的,在输入手机号等只需使用数字并且对输入长度有需求的时候,就会发现,input本身所具有的属性真是太令人又爱又恨了,哈哈哈! 只输入数字时,你可能会想,让input的类型为number不就好了吗?是呀,可惜,ios不怎么听话,需要限制长度时,你可能又会想,input不是有个maxlength属性吗?有啊,但当type=number的时候,各个系统都很叛逆,都跟你对着干,这个时候,你会想什么呢? 再进一步思考的时候,限制长度的时候,有空格怎么办呢?如果是复制粘..

素钗一生推 2034

LM358实战:手把手教你搭建电流检测电路(附电阻选型计算)

本文详细解析了使用LM358运算放大器搭建电流检测电路的全过程,包括基础原理、采样电阻选型、放大电路设计及PCB布局技巧。通过实战案例和精确计算,帮助工程师快速掌握低成本、高精度的电流检测方案,适用于电源管理、电机控制等多种应用场景。

weixin_30872157的博客 448

手把手教你用DCA1000和mmWave Studio 2.0采集AWR1843雷达数据(附驱动安装与常见报错排查)

本文详细介绍了使用DCA1000和mmWave Studio 2.0采集AWR1843毫米波雷达数据的全流程指南,包括硬件连接、驱动安装、软件配置及常见报错排查。通过实战经验分享,帮助开发者快速掌握数据采集技巧,优化雷达参数配置,提升数据质量与采集效率。

weixin_30070339的博客 332

textarea限制字数

function check(obj) {     var regC = /[^ -~]+/g;     var regE = /\D+/g;     var str = obj.value;    var flag=regC.test(str);       if (flag) {        obj.value = obj.value.substr(0, 100);    

u010078133的专栏 829

别再手动写用例了!用AI Agent自动生成测试用例的保姆级实战(附Python代码)

本文详细介绍了如何利用AI Agent技术自动生成测试用例,大幅提升测试工程师的工作效率。通过Python代码实战演示,从环境搭建到核心Agent构建(需求解析、场景挖掘、用例编排),再到与企业工具链(TestRail、Jira)的深度集成,帮助团队实现测试用例的智能化生成与管理。

weixin_30897233的博客 646

input、textarea标签placeholder兼容IE8浏览器js插件代码

input、textarea标签placeholder兼容IE8浏览器js插件代码<!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"> <title>工作记事本</title> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></sc

CodingNoob 1548

基于 MATLAB 的综合能源系统建模案例 

电平衡约束:P_{gt}(t)+P_{grid}(t)-P_{eb}(t)-P_{load}(t)=0,其中 P_{grid}(t) 为与外部电网的交互功率(正表示购电,负表示售电)。- 电锅炉的热输出功率 Q_{eb} 与输入电功率 P_{eb} 的关系为:Q_{eb}=\eta_{eb}\times P_{eb},其中 \eta_{eb} 为电锅炉的热效率。- 燃气轮机的余热回收功率 Q_{gt} 与发电功率也存在一定关系,例如:Q_{gt}=c\times P_{gt},c 为余热回收比例系数。

qq_57128262的博客 1394

这可是全网网工数通方向学习路线最完整,最详细的版本,没有之一

文章篇幅较长,耐心看完你一定有所收获。

最铁头的网工博客 2万+

在IE和Edge中用JS判断只能输入数字,字母,日期型。

IE的HTML: ime-mode:disabled限制不能输入文字,只有IE有效。 //ime-mode:disabled限制不能输入文字,只有IE有效。 <input style="ime-mode:disabled" onkeypress="fncNum();return true;" /> IE的JS :只能输入数字,并且按回车时转换成Tab。keyCode48~57:数字,keyCode13:回车,keycode9:Tab。 //IE只能输入数字,并且按回车时转换成Tab

ningyingjun的专栏 758

【29】软考软件设计师——SQL语句编写与优化深度精讲|数据库大题延伸满分攻略

本文是《软件设计师·50讲通关|从零基础到工程师职称》专栏第29篇,承接第28篇ER图转关系模式核心内容,作为**下午第2题数据库大题核心延伸必考模块**,单模块累计占分5~8分,是数据库板块性价比极高的提分重点。全文超4000字深度拆解软考全部SQL高频考点:全覆盖多表连接底层逻辑、嵌套子查询分类实操、GROUP BY分组聚合硬核规则、索引全品类设计原理、联合索引最左匹配底层机制,搭配海量可直接复刻的考场SQL模板、历年真题完整改写案例、索引失效场景实操复盘、慢查询优化落地技巧。

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域,希望和大家共同进步! 525

表单元素的操作总结

关于表单元素的各种操作总结,以备日后查阅。 input输入框: &lt;input id="testInput" name="gender" title="性别" /&gt; //获取值 $('#testInput').val(); //设置值 $('#testInput').val('男'); //设置只读 $('#testInput').attr('readonly','readon...

taquanjia的博客 246

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

texearea 限制字数_textarea 输入框限制字数

在textarea标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10、IE11则支持,估计后续的版本应该都会支持。现在来说下怎么让大部分IE版本都支持textarea标签限制字数。第一种方法:这样子即可。备注:onchange、onkeydown、onkeyu三者缺一不可。如省略onchange,当你用负责功能,此时一...

weixin_39737636的博客 188

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

textarea 输入框限制字数(完美兼容)

在input标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10、IE11则支持,估计后续的版本应该都会支持。 现在来说下怎么让大部分IE版本都支持textarea 标签限制字数。 <;textarea id=“taContent” rows=“3” maxlength=“20” οnchange=“this.va...

Starjg101的博客 7705

textarea 输入框限制字数 时间:2014-07-16 20:56:54 阅读:1948 评论:0 收藏:0 [点我收藏+] 标签:style ja

textarea 输入框限制字 在textarea标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10、IE11则支持,估计后续的版本应该都会支持。 现在来说下怎么让大部分IE版本都支持textarea 标签限制字数。 第一种方法: 这样子即可。 备注:onchange、onk

arthur09的博客 390

JavaScript监控输入框字数变化,超出限制则禁止输入

JavaScript监控输入框字数变化,超出则禁止输入 不废话,给你看看效果: 1.无输入状态: 2.输入三个字符: 3.超出5个后报错: 现在粘出代码,首先是html代码: <body> <div class="weui-cells__title" style="font: '微软雅黑';font-size: ...

weixin_34273479的博客 359

oninput,onpropertychange,onchange的使用方法和差别

1、前言     因为工作须要,需实现一个相似于微博输入框的功能,在用户动态输入文字的时候,改动提示“您还能够输入XX字”。例如以下图所看到的:    因此,略微研究了一下oninput,onpropertychange,onchange的差别和使用方法,以及onpropertychange在ie浏览器下的一个bug。   2、oninput,onpropertychange,onc...

weixin_33841722的博客 97

HTML textarea框限制字数的两种方式

第一种方式 <textarea rows="5" maxlength="200" οnchange="this.value=this.value.substring(0, 200)" οnkeydοwn="this.value=this.value.substring(0, 200)" οnkeyup="this.value=this.value.substring(0, 200)" &g...

langzhiyao的博客 9733

微信小程序-textarea字数统计与限制

第一步:参考官方文档《textarea小程序》 textarea多行输入框。该组件是原生组件,使用时请注意相关限制。 用到的属性: 属性 说明 maxlength 最大输入长度,设置为 -1 的时候不限制最大长度 minlength 最小输入长度 bindinput 当键盘输入时,触发 input 事件,event.detail = {value, cur...

ChibiMarukoChan的博客 9269

input、textarea输入框限制字数+显示字数

就是总会需要有限制字数的时候,那么除了使用maxlength属性外,还可以怎么做呢 html <div class="textarea_box"> <!-- <textarea name="send_info" cols="10" rows="4" placeholder="输入想要对她说的话......" class="peoplesendcontent"></textarea> --> <input name="send_info" placeh

judykang123的博客 2025

texearea 限制字数_textarea 输入框限制字数(完美兼容)

在input标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10、IE11则支持,估计后续的版本应该都会支持。现在来说下怎么让大部分IE版本都支持textarea标签限制字数。这样子即可。备注:onchange、onkeydown、onkeyu三者缺一不可。如省略onchange,当你用负责功能,此时一直按着ctrl不松...

weixin_39905725的博客 165
上一篇: easyUI 使用sidemenu,报错Uncaught TypeError: Cannot read property 'options' of undefined
下一篇: 在不确定自身高度的情况下,用 CSS 实现元素垂直居中的3种方法
hst❀
博客等级 码龄8年 2364粉丝 147原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值