只接受空格的輸入模式

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>