• RSS

[JS]jQuery による全角・半角文字列の変換について

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

以前に 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( /[A-Za-z0-9-!"#$%&'()=<>,.?_[]{}@^~¥]/g, function(s) {
            return String.fromCharCode(s.charCodeAt(0) - 65248);
        });
        $(this).txt(str);
    }).change();
});
</script>



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください