ワカログ -Wakalog-

-Memorandum　Web制作・プログラミングや気になったツールなどの紹介してます

-Javascript- 全角数字を半角数字に自動変更するフォーム

Javascript HTML イベントハンドラ

全角数字を半角数字に自動変更するフォーム(Javascript)

入力フォームの全角数字を半角数字に自動で変更するスクリプト(Javascript)

f:id:jacklin8:20171107193828j:plain

今回はtextタイプの入力欄(住所入力など)を想定して作成したものです

DEMO

置換前
置換後

CODE

<!--Javascript-->
<script type="text/javascript">
        function change() {
            //全角数字を半角数字に変換
            var before = new Array("１","２","３","４","５","６","７","８","９","０");
            var after=new Array("1","2","3","4","5","6","7","8","9","0");
            var val = document.getElementById("bef").value;

            var bef = before;
            var aft = after;

            for (i = 0; i < aft.length; i++) {
                reg = new RegExp(bef[i], "g");
                val = val.replace(reg, aft[i]);
            }
            val=Number(val);
        }
</script>

<HTML>
<body>
    置換前<input type="text" name="" id="bef" onchange="change()">
    置換後<input type="text" name="" id="aft">
</body>