Skip to content →

フォームに入力された数字を自動的に半角かつカンマ抜きに直す

数字を入力して、その数字を使ってJavaScriptで計算をしたい。こんな時に、全角やカンマを入力されるとそのままでは計算ができません。そこで、フォームに入力された時に自動的に半角+カンマ抜きにする関数の登場です。

function zentohan(obj){
  if(typeof(obj.value)!="string")return false;
    var han= '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@-.,:';
    var zen= '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@-.,:';
    var word = obj.value; for(i=0;i<zen.length;i++){ var regex = new RegExp(zen[i],"gm");
	word = (word).replace(/,/g, "");
    word = word.replace(regex,han[i]);
  }
  obj.value = word;
}

例えば、こんな感じで使うことができます。

<input type="text" name="test" onblur="zentohan(this)">

[sc name=”engeneer”]

SHARE

PROFILE

入江 慎吾
イリテク株式会社代表取締役 / メンターマッチングサービスMENTAを運営(月間流通額700万突破)/ 累計20個以上のWEBサービスやアプリを開発 / CAMPFIREとコミュニティツールVoyageを共同開発中 / 「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)

SPONSER

Published in 開発奮闘記