textarea的maxlength属性字数不一致

关于textarea的maxlength属性

现象：

s前端textarea文本框允许最大输入512个字符，默认一直输入到其无发在输入文字为止，可是，当在textarea输入框中输入2个及以上换行符时，文本框居然可以允许多输入两个字符，因而导致了文本存入数据库时保存失败。

原因：

对于textarea中包含的回车符，默认会被保存为’\r’，’\n’两个字符。但是对于前端maxlength的判断计数方法，受不同浏览器影响：

浏览器	回车占几个字符
chrome 78.0.3904.108 (64-bit)	1
chrome 46.0.2490.86 m	2
ie 11	1
edge	1
firefox 70.0	1

textarea的maxlength属性字数不一致相关推荐

textarea的maxlength属性兼容解决方案
textarea的maxlength属性兼容解决方案参考文章: (1)textarea的maxlength属性兼容解决方案 (2)https://www.cnblogs.com/oufeng/p/6 ...
html 最大输入长度,TextArea设置MaxLength属性最大输入值的js代码
标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用如下:http://spiderscript.net/site/spiderscript/e ...
2013-01-09 13:31 IE不支持textarea的maxlength属性,Firefox支持
解决办法: <s:textarea name="doc.intro" id="intro" rows="3" cssStyle=&qu ...
html中text的maxlength,详解maxlength属性在textarea里奇怪的表现
HTML5给表单带来了很多改变,比如今天要说的maxlength,这个属性可以限制输入框输入的最大字字符数,更方便的是对于粘贴的内容也能够根据字符数自动截断. 最近就接到这要一个需求,限制用户最多输入 ...
解决IE下textarea不识别maxlength属性的问题
首先先看一个比较简单的处理办法,代码如下: $("textarea[maxlength]").keyup(function () {var area = $(this);var m ...
ios下多行文本输入框bug，textarea标签的maxlength属性在ios上计算
描述问题: textarea多行文本输入在ios上的bug 问题原因: textarea标签的maxlength属性在ios上计算有问题,ios的换行会占用两个字符.如下:ios换行(\n)其实是占用 ...
关于微信小程序textarea中的maxlength属性失效问题
关于微信小程序textarea中的maxlength属性失效问题代码菜鸡今天在编写小程序前端代码时,遇到了一个问题:textarea输入140个字以后,就再也输不进去了,想着设置一下maxlengt ...
c#中textbox属性_C＃.Net中的TextBox.MaxLength属性与示例
c#中textbox属性 Here we are demonstrating use of MaxLength property of TextBox. 在这里,我们演示了TextBox的MaxLen ...
为什么input中的maxlength属性失效了
今天在遇到限制某个输入框的最大长度的需求,比如一个要求输入手机号的输入框:当时我是这样写的 <input type="text" placeholder="请输入手 ...

textarea的maxlength属性字数不一致

关于textarea的maxlength属性

textarea的maxlength属性字数不一致相关推荐

最新文章

热门文章