angular - 验证空白字符？ Angular 4

Question

我需要在我的表单上创建某种验证，我不希望用户能够在字段内输入 1++ 空格。所以，他可以输入空格，但不能只是空格。这是我目前的验证方式:

this.valForm = this.fb.group({
      'firstName': [null, Validators.compose([Validators.required, Validators.maxLength(50)])],
      'lastName': [null, Validators.compose([Validators.required, Validators.maxLength(50)])]
});

我不知道使用什么模式来创建这种类型的验证。谢谢。

Answer 1

你可以做

'firstName': [null, [Validators.required, Validators.maxLength(50), Validators.pattern(/^((?!\s{2,}).)*$/)]]

如果您在 Scriptular 上测试它带链^((?!\s{2,}).)*$ ，你会发现

Hello darling // Matches
Hello  darling // Doesn't match

这不是正则表达式应该做的事情:他们不擅长。正则表达式应该在字符串中找到表达式的出现，而不是相反。但是，他们仍然可以做到。

如果您想了解更多，这称为负环视 .