フォームの入力項目に全角文字禁止の規制をかけたい

質問

フォームの入力項目に全角文字禁止の規制をかけたいのですが，どのような手段がありますか？教えてください。

具体的には，メールアドレスを入力してもらうインプットボックスです。

ABC@abc.com は，OKで，

Ａbc@abc は，NGにしたいのです。（分かりずらいですが，最初のＡが全角文字です。）

よろしくお願いします。

回答No.2

ttyp03

＃１さんの方法だけでは完全には防げないです。
例えば全角文字をコピーして貼り付ければ入ってしまいますから。
方法としては submit 時にテキストボックスの内容をチェックする JavaScript を書くことです。
不正な入力がされていたらメッセージを表示して submit をキャンセルさせてください。
全角が含まれているかどうかは対象テキストボックスの length（これは全角を１文字としてカウントします）と全角を２文字としてカウントした長さを比較して違いがあれば全角を含んでるとみなしてよいでしょう。

http://www.tohoho-web.com/js/string.htm#StrLength

他の方法としてはアプレットでテキストボックスを作ったり、Flashで作ったりというのが考えられます。
もしくはサーバ側でチェックしてエラーを返すという方法もありますね。

お礼

ありがとうございました。
解決できました。

回答No.1

yakou850

CSSでIMEの入力モードを制限できます。
http://www.tagindex.com/stylesheet/form/ime_mode.html
これで英数字入力にしてはどうでしょう？