javascript - HTML5验证: field not required but,如果填写，必须匹配模式？

Question

在玩 HTML5 验证时，我突然想到(似乎)无法验证字段的输入 除非这是必需的。

换句话说，不能说“这个字段不是必需的，但是如果你 做 填写它，它必须匹配模式X。”例如:

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

在文本区域中输入 1-4 个字符(含)，运行 element.willValidate和 element.checkValidity()两者都返回 true。

我知道 HTML5 验证还不完美。 HTML5 是否无法实现“仅在填充时验证”概念？

Answer 1

您可以在正则表达式中为完全空的文本添加另一个选项

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