Question

我刚刚开始使用pattern并且想知道我如何验证<input type="text" />只接受值，如果值中还有空格？

Answer 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>

输入模式只接受空间

1 个答案: