如何禁用输入字段后达到15个字符，也不应该允许使用正则表达式的单词之间的空格

Question

Hi我有一个场景，在我的反应式输入字段中，我需要限制或禁用15个字符后的字段，并且不允许字符之间有空格，其中我使用正则表达式来显示验证消息，如果超过15个字符，它将成功显示验证消息，但不会将字段限制在15个字符之后。有人能帮助我如何限制它吗？

public namePattern: string = "^([^s]*[A-Za-z0-9]{15}[s]{0,1})*$";
username: new FormControl('', [Validators.required,Validators.pattern(this.patternSrv.namePattern),Validators.maxLength(15)]),

这是我用于正则表达式和验证的代码

Answer 1

您可以限制HTML5input元素中的字段长度：

<input maxlength="15">

这也适用于Angular。

请在此处进一步阅读：https://www.w3schools.com/html/html_form_input_types.asp

请注意，这并没有禁用输入，只是限制用户输入超过15个字符——尽管我以一种你实际上并不想设置disabled限制的方式解释了你的问题

Answer 2

我得到了解决方案，在这里public namePattern=/^(？：\S.｛0，｝[a-zA-z]\S(？$/；它将帮助您不允许在前和后使用空格。如果您想拥有charlimit，您可以在自定义验证器中添加maxlength="15"，我们可以显示验证消息。希望它能帮助