「カンマ編集」一覧

2013/08/11 -JavaScript
JavaScript, カンマ編集

金額項目等、数値のみ入力のテキストボックスに対するカンマ編集。タイミングとしてはテキストボックスのonBlurで以下処理を行う。

function addComma(item) {
	// テキストボックスの入力値を取得
	var value = item.value;

	// ブランクだったり数値じゃなかったりの場合は処理終了
	if (value == null || value.length == 0 || isNaN(value)) {
		return;
	}

	// 値を数値型に置き換える（0サプレス）
	var num = Number(value);

	// また文字列型に置き換える
	value = String(num);

	var i;

	// 3文字区切りでカンマ編集を行うので、こんなfor文
	for (i = 0; i < value.length/3; i++) {
	// 正規表現とreplaceでカンマ編集
		value = value.replace(/^([+-]?\d+)(\d\d\d)/,"$1,$2");
	}

	// カンマ編集後の値をテキストボックスの値に設定
	item.value = value;
}

function addComma(item) {

// テキストボックスの入力値を取得

var value = item.value;

// ブランクだったり数値じゃなかったりの場合は処理終了

if (value == null || value.length == 0 || isNaN(value)) {

return;

}

// 値を数値型に置き換える（0サプレス）

var num = Number(value);

// また文字列型に置き換える

value = String(num);

var i;

// 3文字区切りでカンマ編集を行うので、こんなfor文

for (i = 0; i < value.length/3; i++) {

// 正規表現とreplaceでカンマ編集

value = value.replace(/^([+-]?\d+)(\d\d\d)/,"$1,$2");

}

// カンマ編集後の値をテキストボックスの値に設定

item.value = value;

}

& …

「 カンマ編集 」 一覧

「カンマ編集」一覧