regepanのはてなブログ

個人的なメモ帳レベルの文章。

18章 inputのpattern属性(473ページ)[Advent Calendar 2013(17日目)]

inputにpattern属性ってあるんですね。ということで挙動を確認してみます。
結論からいうとブラウザ互換があまりないっぽいですね。

テストしたコードはこちら。(htmlのみ。)


Chrome31 + Mac

f:id:reggaepunch:20131223171145p:plain

Firefox26 + Mac

f:id:reggaepunch:20131223171252p:plain

Safari6.1 + Mac

対応してないっぽい。

Safari8536.25 + iOS6.1.3

対応してないっぽい。

Chrome31 + iOS6.1.3

対応してないっぽい。

結論

「おまけ」程度の機能という位置づけ?
互換性を保つために、対応してないブラウザに対してはJSで実装するんだったら全部のブラウザでJSで動かすようにするんじゃないかなぁ。
わざわざこの機能を選ぶ理由がない気がする。
※IE系はIE10から対応しているらしいです。

JavaScript 第5版

JavaScript 第5版

JavaScript 第6版

JavaScript 第6版