angular 4 - 正则表达式限制 - 向用户显示剩余字符数

Question

我想向用户显示在输入时剩余多少个字符的消息。正则表达式是从服务器发送的，这里是从服务器发送的一些正则表达式示例。

^[a-zA-Z0-9_\-. ()]{1,25}$
^(void|[0-9]{0,20})$

一旦用户开始输入，我想用＆＃34显示消息;剩下的字符数为{{count}}＆＃34;并且一旦达到限制（来自regx的最大长度），它就不应该允许用户在输入中输入任何字符。我尝试使用此regx来查找regx (/\^[(.*)]{([0-9]+),([0-9]+)}\$/i)中的限制并将其与字符串匹配，但此模式不适用于所有regx ..

我怎么能做到这一点？

由于

Answer 1

这是您的解决方案

1. 从服务器获取正则表达式
2. 查找限制用户所需的最大长度
3. 使用input element .length属性获取当前用户输入的长度，然后将其显示给用户
4. 如果它小于最大长度则没有问题，然后删除最后n个字符，其中n是输入字符串中的长度 - 最大字符

您不需要将它与正则表达式匹配来限制字符串的长度，如许多注释中所指出的那样。保持简单，以便您以后也能理解和维护它。