以前に jQueryで replace() を使って特定の文字列を置換する方法 で紹介させていただいた記事の関連になりますが、フォーム周りでもよく利用される「jQueryによる全角と半角の置換」についてのメモです。

div要素の半角文字列を全角に変換（半角→全角）

<script>
$(document).ready(function(){
	$("div").change(function(){
		var str = $(this).txt();
		str = str.replace( /[A-Za-z0-9-!"#$%&'()=<>,.?_\[\]{}@^~\\]/g, function(s) {
            return String.fromCharCode(s.charCodeAt(0) + 65248);
    	});
        $(this).txt(str);
	}).change();
})
</script>

div要素の全角文字列を半角に変換（全角→半角）

<script>
$(document).ready(function(){
	$("div").change(function(){
		var str = $(this).txt();
        str = str.replace( /[Ａ-Ｚａ-ｚ０-９－！"＃＄％＆'（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function(s) {
            return String.fromCharCode(s.charCodeAt(0) - 65248);
        });
        $(this).txt(str);
    }).change();
});
</script>