戻る

正規表現を使った数字チェック

正規表現を使用した数字チェック

数字のみ結果

---

小数点あり結果

---

test文字列の数字

---

小数点あり結果

---

タグ内に半角空白あり結果

---

前ゼロあり結果

---

test

数字のみ<div id="t1">100</div> 結果<div id="r1"></div> <hr> 小数点あり<div id="t2">10.5</div> 結果<div id="r2"></div> <hr> test<div id="t3">"3"</div> 文字列の数字<div id="r3"></div> <hr> 小数点あり<div id="t4">3.</div> 結果<div id="r4"></div> <hr> タグ内に半角空白あり<div id="t5"> 3</div> 結果<div id="r5"></div> <hr> 前ゼロあり<div id="t6">03</div> 結果<div id="r6"></div> <hr>

copy

const b1 = document.getElementById("btn1");
b1.addEventListener("click", () => 
{
	for(i=0; i<6; i++)
	{
		const t = document.getElementById("t"+(i+1));
		const r = document.getElementById("r"+(i+1));
		r.innerText =test(t.innerText)+" length:"+t.innerText.length;
	}
});
function test(data)
{
  return /^[0-9]+$/.test(data);
}

数字チェックのサンプルに^[0-9]+$ という正規表現パターンを使用しています。
[解説]

^	文字列の先頭に一致
[0-9]	0から9までのいずれかの文字に一致
+	直前の文字が1回以上繰り返される文字列に一致
$	文字列の末尾に一致

正規表現オブジェクトのメソッドで、指定された文字列が正規表現パターンにマッチするかどうかを調べます。
マッチすれば true を返し、マッチしなければ false を返します。
正規表現のtestメソッドの結果を判定する際には、=== (厳密等価演算子) を使用します。
== (等価演算子) でも、trueとtrue、falseとfalseは正しく比較できますが、
型変換を伴うため、意図しない結果になる可能性があります。

[その他]
javascriptで半角数字のみと,(カンマ)のみを判定する例
copy

function test(data) {
  // 半角数字とカンマのみかどうかを判定する正規表現
  const regex = /^[\d,]+$/;
  return regex.test(data);
}

^	文字列の先頭に一致
[\d,]	半角数字 (\d) またはカンマ (,) に一致

戻る

back

Check numbers using regular expressions Check numbers

using regular expressions

Numbers onlyResult

---

Decimal point includedResult

---

testNumber as string

---

Decimal point includedResult

---

Half-width space included in tagResult

---

Leading zero includedResult

---

test

Numbers only<div id="t1">100</div> Result<div id="r1"></div> <hr> Decimal point included<div id="t2">10.5</div> Result<div id="r2"></div> <hr> test<div id="t3">"3"</div> Number as string<div id="r3"></div> <hr> Decimal point included<div id="t4">3.</div> Result<div id="r4"></div> <hr> Half-width space included in tag<div id="t5"> 3</div> Result<div id="r5"></div> <hr> Leading zero included<div id="t6">03</div> Result<div id="r6"></div> <hr>

copy

const b1 = document.getElementById("btn1");
b1.addEventListener("click", () => 
{
	for(i=0; i<6; i++)
	{
		const t = document.getElementById("t"+(i+1));
		const r = document.getElementById("r"+(i+1));
		r.innerText =test(t.innerText)+" length:"+t.innerText.length;
	}
});
function test(data)
{
  return /^[0-9]+$/.test(data);
}

The regular expression pattern used for checking numbers is ^[0-9]+$.
[Explanation]

^	Matches the beginning of the string
[0-9]	Matches any character between 0 and 9
+	Matches a string where the previous character is repeated one or more times
$	Matches the end of the string

A method of the regular expression object that checks whether a specified string matches the regular expression pattern.
If it matches, it returns true, otherwise it returns false.
When checking the result of the test method of a regular expression, use === (strict equality operator).
Even with == (equality operator), true and true, and false and false can be compared correctly,
but because it involves type conversion, it may result in unintended results.

[Other]
Example of checking only half-width numbers and only , (commas) in javascript
copy

function test(data) {
  //Regular expression to check if the string contains only half-width numbers and commas
  const regex = /^[\d,]+$/;
  return regex.test(data);
}

^	Matches the beginning of the string
[\d,]	Matches half-width numbers (\d) or commas (,)

back