テキストボックスに全角カナのみ入力させるためには？

javaでwebアプリケーション開発をしています。

タイトルの通りテキストボックスに全角カナのみ受け付けたいと考え

html
1姓フリガナ：<input type="text" name="last_name_kana" maxlength="45" onKeyup="this.value=this.value.replace(/[^ア-ン]+/i,'')">
2名フリガナ：<input type="text" name="first_name_kana" maxlength="45" onKeyup="this.value=this.value.replace(/[^ア-ン]+/i,'')"

とやると全角カナのみを受け付けてくれるのですが、カ行（kaとなるため）から高速で打たなければ全角カナになりません。
なるべく上記のようにシンプルでゆっくり打っても全角カナのみの受付になる方法はないでしょうか？

宜しくお願い致します。

*環境
mysql 5.7
windows7

行動規範の内容に同意します

回答2件

回答というよりもご提案です

カナ文字だけを受け付ける入力は、恐らくユーザは大きなストレスを感じると思います
せっかく入力した文字が消えてしまえばそれこそガッカリするかと・・・

よみがなをカナで保存されたいのは、管理運用上のご都合でしょうか

それならば、表記は「フリガナ」としてカナ文字入力を促しつつ、平仮名で入力された場合でもシステム側でカナ文字に変換して受け付ける方が、ユーザにとって優しいかなと思いますが、いかがでしょうか？

また、もし jQuery をご利用でしたら、名前入力と同時にフリガナも入力してくれる次のようなプラグインもあります
autokana

投稿2015/11/26 08:13

takito

総合スコア3116

kumatarou

2015/11/26 08:31

ご提案ありがとうございます。＞よみがなをカナで保存されたいのは、管理運用上のご都合でしょうか javaを勉強していてその一環で名刺管理を作っていますので、出来たらいいなと考えている程度です。 javaとmysql のみしか使ったことがないです。 jQuery調べてみます！ありがとうございます！

行動規範の内容に同意します

ベストアンサー

こんにちは。
直接の回答になっていなくて申し訳ないですが...マウスでコピペされると、上記コードでは全角カナ以外も受け付けてしまうでしょう。
仕様が決まっていたらどうしようもないですが、最終的に全角カナで文字列を取得したいとの趣旨でしたら、私であれば onchangeイベントで、半角カナ（および全角ひらがな）を全角カタカナに変換し、カナ以外を削除します。

[こちらの方のコードを拝借..]
http://www.kiwi-us.com/~mizusawa/penguin/html_hint/javascript/java_s_kana.html

投稿2015/11/26 08:10