.

如何限制用户输入多少字符?

小常发表于:2018年05月30日 12:50:18更新于:2020年03月13日 11:13:47

一、场景案例

通常H5的留言或者评论中,我们需要限制用户输入的字数,这个可以是限制段落的字数,也可以是限制输入框、文本框的字数。


二、功能设置

1.添加一个参数变量组件,记录段落组件文字长度

0015cc02c536c03c59b1a3547afec58


2.控制用户输入多少字,前提是我们要知道用户输入了多少字符;

3.在段落组件“修改文字”后,触发设置参数值

4.给参数变量组件赋值,赋值表达式为 引入段落组件 后,(@段落0@+'').length

0015cc02d1d41626e70af00003b3943


5.参数变量组件的值即为 段落组件里的文本 长度


6.再根据获得的字符长度去提示用户。给参数变量设置触发条件,并设置为等待触发,假设当该长度值大于4时,要触发什么样的提示;小于4个字时,去做什么样的触发。

0015cc02e42ef7b4e99eabad94270af


7.可以在修改文字结束时触发执行参数判断。注意:先拿到段落组件的文字长度值,再去做参数判断

image.png

赶紧自己操作试一试吧。