HTML5 输入类型 URL 不允许带有模式的空格

Question

我使用的是 HTML5 输入类型，您知道标准验证非常宽松。

考虑这个标记：

<form>
    <input type="url" name="link" value="http://jsfiddle .net/" required>

    <button type="submit">OK</button>
</form>

我想添加自定义 pattern 属性以检查用户 不能提供任何 space.

<input type="url" name="link" pattern="what to do here?" required>

你可以分叉这个 fiddle：http://jsfiddle.net/t6dtbhqo/

Answer 1

为什么不试试 pattern="[^\s]+" 请看这个 link 我认为它有效

<form>
<input type="url" name="link" value="http://jsfiddle .net/" pattern="[^\s]+"  title="please dont use the white space :)" required>

<button type="submit">OK</button>

HTML5 输入类型 URL 不允许带有模式的空格

HTML5 Input type URL disallow spaces with pattern

html5-validation