只接受空格的输入模式

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>