2012/05/04

ふりがなが自動入力されるフォーム

はまちちゃんのスライドを見て、ちょい適当に作ってみました。
名前を入力してください
漢字:
かな:
(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

0 件のコメント:

コメントを投稿