【jQuery】inputの全角数字・全角アルファベットを半角に変換 #jQuery

便利なのでメモ。

DEMO

index.html

<!DOCTYPE html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.js"></script>
</head>
<html lang="en">
<body>
    <div>
        <p><input type="text" class="js-characters-change"></p>
    </div>
</body>
</html>

jquery.js

$(function(){
    $(".js-characters-change").blur(function(){
        charactersChange($(this));
    });


    charactersChange = function(ele){
        var val = ele.val();
        var han = val.replace(/[Ａ-Ｚａ-ｚ０-９]/g,function(s){return String.fromCharCode(s.charCodeAt(0)-0xFEE0)});

        if(val.match(/[Ａ-Ｚａ-ｚ０-９]/g)){
            $(ele).val(han);
        }
    }
});