微信小程序-textarea文本域限制最大字数问题【每天一个上分小技巧】

小灰灰 2023-07-21 05:42 36阅读 0赞

今天迎来了测试的第二轮复测，真的不得不佩服测试组的人，个个都是“鬼才”，啥bug都能给你揪出来，恐怖如斯，很棘手的bug倒是没有，却给我找到了一个让我徘徊好几个小时却毫无进展的bug，那就是textare 文本域，上回说起它是真的差点把我给整哭了，textare的层级过高导致穿透bug，今个儿还是被它给整了，最大可输入字数？平时是真的没有注意？倒腾了半天，既不是我样式的问题，也不是层级覆盖问题，那为啥输入完一大串文字之后，就无法输入了，而每次都只能输到140，奇了个怪了，网上看了半天，也没有找到说有微信端的textare有字数限制问题？

后来啊，还真就发现新大陆，无奈打开了官文档，原来，textarea还真自带maxlength属性啊，当你没有设置它，默认最大可输入字数就是140，好啊，还真是；你们说，谁会注意到，textare会有存在默认最大值的说法，害，耽搁这么长时间，结果设置个属性就能解决的事儿，却把我整了好几个小时，这波亏大发了，后头还剩一堆bug等着我！

**    经过这几件事之后，我发现开发前先看一遍技术开发文档是真的很有必要，别问我为什么？因为我就是个demo！**

**你们别笑，指不定看到我这篇博客的同学，也跟我犯同样的低级问题，是不是被我猜对了！说的就是你！还笑！**

\------------------------------------------------------------------分割线\---------------------------------------------------------------

### **解决办法：** ###

设置 maxlength = ' -1 '  即不限最大输入长度；若需求需要，可设置具体字数。

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>必填</th> 
   <th>说明</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>maxlength</td> 
   <td>number</td> 
   <td>140</td> 
   <td>否</td> 
   <td>最大输入长度，设置为 -1 的时候不限制最大长度</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html" rel="nofollow">1.0.0</a></td> 
  </tr> 
 </tbody> 
</table>

\------------------------------------------------------------------分割线\---------------------------------------------------------------

> 小伙伴们，你们学废了吗？学废了的，扣波6，让我看见你们为我加油呐喊的双手！
> 
> 不好意思，走错片场啦！嘿嘿

--------------------

### 推荐文章： ###

1、[如何实时统计输入框用户输入字数？][Link 1]比如textare输入字数实时统计

2、[怎么防止用户表单二次提交，你知道吗？][Link 2]

3、[去掉textarea输入框呼出键盘上的完成按钮栏][textarea]

--------------------

> ❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
> 
> ❤如果喜欢大白兔分享的文章，就给大白兔点个关注吧！(๑′ᴗ‵๑)づ╭❤～
> 
> ❤对文章有任何问题欢迎小伙伴们下方留言或者入群探讨【群号：708072830】
> 
> ❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论（请勿发表攻击言论）。

[Link 1]: https://blog.csdn.net/weixin_43970743/article/details/105287674
[Link 2]: https://blog.csdn.net/weixin_43970743/article/details/105366271
[textarea]: https://blog.csdn.net/weixin_43970743/article/details/105772517