HTML5 驗證：字段不是必需的，但如果填寫，必須匹配模式？

Question

在玩 HTML5 驗證時，我突然想到，除非需要，否則（似乎）不可能驗證字段的輸入。

換句話說，它不是可以說“不需要此領域，但如果你填它，它必須格局X.匹配” 例如：

<textarea pattern='.{5,10}'></textarea>

在 textarea 中輸入 1-4 個字符（包括）后，運行element.willValidate和element.checkValidity()都返回 true。

我知道 HTML5 驗證還不完美。 HTML5 無法實現“僅在填充時才進行驗證”的概念嗎？

Answer 1

您可以在正則表達式中為完全空白的文本添加另一個選項

<textarea pattern='(.{5,10}|^$)'></textarea>