[html] HTML5では正規表現が使えるようになる

ReBlogWebデザイン

あまり知られていないけれど、HTML5では正規表現が使えるようになる
(Publickey)

例として、入力された文字を、数字1文字と大文字のアルファベット3文字に制限するサンプルがワーキングドラフトに掲載されています。

<label> Part number:
<input pattern="[0-9][A-Z]{3}" name="part"
title="A part number is a digit followed by
three uppercase letters."/>
</label>

title属性に設定された文字列は、ツールチップ表示や正規表現に合致しない場合のアラートに使われるようです。

ほほぅ。これまでJavascriptなんかで行っていた入力制限がhtmlでできるようになるのかー。

ReBlogWebデザイン

Posted by 兼乃