是否可以配置必填字段以忽略空格？

Question

HTML5 中的 required 属性非常方便：

 <input type="text" required>

但它仍然只允许用户输入空白。是否有针对此的纯 HTML 解决方案？

原文由 BenMorel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 pattern 属性和 required 属性。并且一定要包括 title 属性，因为大多数浏览器会将标题文本插入验证弹出气泡中。

 <input required pattern=".*\S+.*" title="This field is required">

.*\S+.* 模式需要至少一个非空白字符，但也允许在开头或结尾使用空白字符（空格、制表符、回车符等）。如果您不希望用户能够在开头/结尾放置空格，请改为使用：

 <input required pattern="\S(.*\S)?" title="This field is required">

原文由 James Messinger 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

尝试 pattern 属性。您需要 一个指定 ‘at least one character’ 的正则表达式。

原文由 robertc 发布，翻译遵循 CC BY-SA 3.0 许可协议