フォームに入力された全角文字を自動で半角に変換する

このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。

フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。

ただし、JavaScript が使えない環境では動作しませんので、あくまでもオプションとしてお使いください。

ダウンロードした replaceascii.js を XHTML ファイルの head 要素内などで読み込んでください。

<script type="text/javascript" src="js/replaceascii.js"></script>

このとき、replaceascii.js と読み込む XHTML ファイルの文字コードが同じになるようにしてください。

例えば、文字コードの変換に秀丸エディタを使用する場合には replaceascii.js を秀丸エディタで開き、『ファイル > エンコードの種類 > [任意の文字コード] > 内容を維持したまま適用』で文字コードの変更を行うことができます。

次に、XHTML 内の input、または textarea の class 属性値に ascii を設定します。

<input type="text" class="ascii" />

以上です。

http://www.yomotsu.net/lab/javascripts/replaceascii/trackback

2008年3月5日 9:50

[...] 例えば、 ■フォームに入力された全角文字を自動で半角に変換する [...]

このページの目次