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

Javascriptスニペット

2014.08.062016.02.04

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

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

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>

$(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>