输入模式只接受空格答案

【问题标题】：Input Pattern Accepting Only With Space输入模式只接受空格
【发布时间】：2015-10-07 22:21:40
【问题描述】：

我才刚刚开始使用 pattern，想知道如何验证 <input type="text" /> 以仅在值中还有空格的情况下接受该值？

【问题讨论】：

如果您刚开始使用输入的模式属性。我会停在那里，直到 IE 到那里废话并停止支持 ie10 及以下（明年年初的某个时候）你会发现大多数 ie 浏览器不支持这个，那么为什么要进行 html5 验证？改用 javascript 来做，有点额外的工作，但它会跨浏览器友好。

标签： html validation input

【解决方案1】：

答案取决于您对空格的看法：您指的是空白吗？标签？一条新线？以上都是？

如果你想匹配的只是空格（比如按下空格键），你可以使用.*[ ].*这样的表达式：

.* 表示任何字符 0 次或多次。
[ ] 表示空格。

这是一个演示：

<form method="post" action="javascript:void(0)">
  <input type="text" value="" pattern=".*[ ].*" required />
  <br/>
  <input type="submit" value="send" />
</form>

如果您要匹配的是任何空格（空格键、换行符、制表符等），请使用\s。但请注意，与之匹配的字符可能取决于正则表达式 (source)。

在这种情况下，代码应该是这样的：

<form method="post" action="javascript:void(0)">
  <input type="text" value="" pattern=".*[\s].*" required />
  <br/>
  <input type="submit" value="send" />
</form>

【讨论】：