ふりがなが自動入力されるフォーム
はまちちゃんのスライドを見て、ちょい適当に作ってみました。
(function () { function autoFillKana() { var nameElem = document.getElementById('name'); var kanaElem = document.getElementById('kana'); var nameVal = nameElem.value; var nameLen = nameVal.length; var kanaVal = getKana(nameVal); var kanaLen = kanaVal.length; if (nameLen == kanaLen) kanaElem.value = kanaVal; } function getKana(text) { return text.replace(/[^ぁ-んァ-ヴー・]/g, ''); } var tid = setInterval(autoFillKana, 100); }) ();
あくまでも1つのアイディアとして、「こういう考えかたもできるよね」というデモなので、このコードでは実用性を考慮してないです。
庸人は人に先んじられる(5月5日追加)
まあ、自分が独りで思いつくようなことは、すでに誰かが考えていたことの後追いでしかない、ということで。
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
autoRuby.jsをDISってみる - Rubricks Project