[jQuery]フォームに名前入れたらフリガナが勝手に埋まるアレ

名前打ったら自動的にフリガナが入るやつ付けてって要望があった。
探したら案の定あるでやんのよ。
でもあれよ、俺の名前マトモじゃないから読み通りに打っても変換出来ねーのよ。
それに近頃は予測変換のこともあるし、どうなんだろうね。

2023年版

ちょっと変わった。致命的な変更はないのでどっちを読んでも問題はないです。

準備

組み込み

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/jquery.autoKana.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$.fn.autoKana('#name', '#kana', {
				katakana : true  //true:カタカナ、false:ひらがな(デフォルト)
			});
		});
	</script>

<form><input type="text" id="name" placeholder="名前" />
<input type="text" id="kana" placeholder="ナマエ" /></form>

こんな感じで組む。
id振るだけ。
超簡単。
デモ作った

で。

あれよ。
ajaxzipとセットで覚えとけばいいんじゃないの。
あとあれ、バリデーション。

コメント

タイトルとURLをコピーしました