【HTML】テキストボックスで全角文字のみを有効にする方法を知りたい

Question

現在HTMLで入力フォームを作っています。
テキストボックスがあるのですが、入力値チェックをしたいと思っています。

そこでお伺いしたいのですが、

テキストボックスで全角文字のみを有効にする方法はあるでしょうか？

inputタグのtype="text"です。

できればエラーメッセージも出せるようにしたいです。
無理なら全角文字のみを入力できる制御のみで構いません。

もしわかる方がいらっしゃいましたらよろしくお願い致します。

---

※追記

全角文字のみという仕様は、私自身も詳しくわかっていません。
ただそのテキストボックスは「単語（たとえば、「野球」とか）」を入力するような項目なので、そういった仕様になっているのかもしれません。

Comments

[ogaaaan]

全角文字のみを有効にする目的も書いてほしいな。

[k499778]

修正します。

Answer 1

一人のウェブユーザーとしてお願いします。
どうかそのようなサイトを作らないでください。
半角文字は機械的に全角に変換可能なのに、半角で入力したテキストをエラーだとして再入力を求めるような不便なサイトをこれ以上どうか増やさないでください。
IMEは自分の手足の一部なのにそれを勝手にモード変更されるような不愉快なサイトもです。
よろしくお願いします。

Comments

[k499778]

yubaさん、回答ありがとうございます。
そうなんですね。そのような考え方というか不便な点もあるのですね。
勉強になりました。

[ogaaaan]

余談ですけど、10年前にはそういうフォームががゴロゴロありましたね。
いまその手のつくると、「え？まじ！？」ってなることもあるんじゃないかと。

Answer 2

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

で実装したらうまくいきました。

Answer 3

onChangeイベントあたりでチェックなりなんなりの処理を作りこむのかなあ。
（ちなみに発生するタイミングはフォーカスが外れた時になります）
どの程度のものを期待しているかが分かりませんので、
具体的な処理は提示できませんが…

Comments

[k499778]

takasima20さん
回答ありがとうございます。もう少し考えてみます。