3

私は HTML5 の入力タイプを使用していますが、標準の検証が非常に寛大であることはご存知でしょう。

次のマークアップを検討してください。

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

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

カスタムpattern属性を追加して、ユーザーがスペースを提供できないことを確認したいと考えています。

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

このフィドルをフォークできます: http://jsfiddle.net/t6dtbhqo/

4

1 に答える 1

4

pattern="[^\s]+" を試してみませんか このリンクを参照してください動作していると思います

<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>

于 2015-10-09T08:33:40.440 に答える