【HTML】inputタグのpatternでの全角チェックが効かない

Question

現在入力フォームを作っており、
テキストボックスに入力チェックを加えようとしています。
全角文字のみ入力できるようにしたく、

<input pattern="[^\x01-\x7E]">

というようにしたのですが、
「あああ」と全角文字を入力した際、エラーメッセージが表示されてしまい、うまくいきません。

もしこの謎が解明できる方、全角のみチェックの方法がわかる方がいらっしゃいましたら教えていただきたいと思います。
よろしくお願いします。

参考URL
http://qiita.com/oh_rusty_nail/items/e08f6b323d526fab3d55

http://hodade.com/seiki/page.php?s_zenkaku

Answer 1

「全角文字」を指定するのではなく、「半角英数字以外」という指定をするとうまく動作します。
以下、コード例です。

<form action="xxx.php" method="post">
<fieldset>
ユーザーID:
<input pattern="[^\x20-\x7E]*">全角<br>
<input type="submit" value="ログイン">
</fieldset>
</form>

[^\x20-\x7E]*がまさに「半角数字以外」を表す正規表現です。

Comments

[k499778]

ありがとうございます！
是非試してみたいと思います(>_<)

[katsuo_isono]

追記ですが、[^\x01-\x7E]では半角カタカナもヒットしてしまいますね。