如何验证 html 文本框不允许前导和尾随空格答案

【问题标题】：How to validate html textbox not to allow leading and trailing whitespaces如何验证 html 文本框不允许前导和尾随空格
【发布时间】：2017-11-02 12:25:38
【问题描述】：

我的html是：

 <input type="text" name="username">

如果我们还编写任何验证，我需要在 typescript 中而不是 java script 中发生与函数相关的内容。

【问题讨论】：

你的意思是：<input required pattern=".*\S+.*" title="This field is required">
检查这个：stackoverflow.com/questions/39236992/…
是的，我必须应用模式。正确。但是，如果我必须在不同的页面中应用很多文本字段怎么办。有没有办法一次将模式应用于所有文本字段时间？
无法使用 HTML，但您可以使用 typescript 中的自定义验证器
是的，我想要那些用 typescript 编写的验证器。你能给我一个 typescript 中的代码示例吗？

标签： html angular typescript

【解决方案1】：

最简单的方法是在您需要过滤前导/尾随空格的任何实现中使用正则表达式。如果您想要简单的验证，请尝试 HTML5 pattern 属性。

^(?=[A-Za-z0-9])([A-Za-z0-9\s]*)(?<=[A-Za-z0-9])$

https://regex101.com/r/bJCJBv/2

【讨论】：