HTMLのフォームで全角数字を半角数字に変換するサンプル

More than 1 year has passed since last update.

HTML

<input type="text" class="convertHalfWidthNumeric" >

JavaScript

$(function(){
    $('input.convertHalfWidthNumeric').on('change', function(){
    var converted = $(this).val().replace(/[0-9]/g, function(s) { // (1)
        return String.fromCharCode(s.charCodeAt(0) - 65248); // (2)
    });
    $(this).val(converted);
});

(1) [0-9]の箇所を変えれば、変換したい全角文字の対象を変えられる。

(2) 半角文字の文字コードから65248番目の文字コードが全角文字になるため、このロジックを使う