HTML5 : input 要素に pattern 属性

HTML5 では、入力時にいろいろな入力チェックが可能になっていますが、現実的には pattern 属性を使用するのが一番カスタマイズしやすい便利な入力チェックです。

正規表現の記述方法ですが、世間では ^ と $ で挟んでいるものが多いですが、どうやらそれは必要なさそうです。

参考 : HTML5 Form Validations with Pattern Matching

※ Seeaaa のキャラクセットが shift_jis なので、form に accept-charset 属性を指定しています

<form
	action="http://winofsql.jp/php_get.php"
	target="myframe1"
	accept-charset="utf-8">
	<input
		type="text"
		id="mydata"
		name="mydata"
		pattern="[0-9]+">
	<input type="submit" name="send" value="送信">
</form>
<iframe
	name="myframe1"
	frameborder="1"
	scrolling="yes"
	width="100%" height="100"
	style="margin-top:10px;">
</iframe>

※ JavaScript によるメッセージのカスタマイズ方法