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

2018/03/23更新 カテゴリー:開発奮闘記 タグ:
  • このエントリーをはてなブックマークに追加

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

SPONSOR
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)">

フリーランスエンジニアの稼ぎ方

  • このエントリーをはてなブックマークに追加
SPONSOR

PROFILE

プロフィール

入江 慎吾/サービス開発だけで生きていく
自分のサービスだけで自由に生きる。勢いで受託開発をすべてやめて、サービスだけ作って生きていくことを決めたフリーのエンジニア。得意を教えて副業にできるMENTAを開発中! (詳しいプロフィール)
WEBサービス・アプリ開発に役立つ情報をイリテクの入江がお届けします。プログラミング、UI/UXデザイン、SNS・ブログマーケティングなど、プロダクト開発だけで自由に生きていくための実践的な情報を配信しています。

PRODUCT

イリテクで開発したプロダクト

RELATION

関連する記事

SPONSOR

TAG

タグから記事をさがす