コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript 文字列関連 正規表現

[JavaScript] 正規表現で文字チェックを行う

投稿日:2016年10月1日 更新日:

正規表現を使って文字チェックを行うサンプルです。

サンプルソース

例)正規表現パターンと一致判定を行う

(結果)
正規表現パターンに一致しています。

解説

  • 正規表現記号については、以下にある記事「正規表現記号」欄をご覧ください。
  • 正規表現パターンに使用されている記号を指定したい場合は、\マークでエンコードすればOKです。(例:$→\$、\→\\)

正規表現記号

正規表現は以下のパターン記号を組み合わせて指定します。

【正規表現記号】
記号意味
^先頭にマッチ/^abc/abcdef → ○
xabcdef → ×
$末尾にマッチ/de$/abcde → ○
abcdef → ×
a{x}aのx回繰り返し/^\d{4}$/1234 → ○
123a → ×
a{x,}aのx回以上繰り返し/^[0-9]{3,}$/12 → ×
123 → ○
abc → ×
a{x,y}aのx回以上y回以下繰り返し/^[0-9]{3,4}$/12 → ×
123 → ○
1234 → ○
12345 → ×
a+aの1回以上繰り返し/^[0-9]+$/"" → ×
1 → ○
12 → ○
A → ×
a*aの0回以上繰り返し/^[0-9]*$/"" → ○
1 → ○
12 → ○
A → ×
a?aの0回以上1回以下の出現/^[0-9]?$/"" → ○
1 → ○
12 → ×
A → ×
[ABC]AまたはBまたはCとマッチ/[ABC]/AXBXCXD → ○
BBB → ○
XYZ → ×
[^ABC]AまたはBまたはCとマッチしない/[^ABC]/AXBXCXD → ○
BBB → ×
XYZ → ○
[0-9]0~9いずれかとマッチ/[0-9]/"" → ×
123 → ○
1a → ○
ab → ×
[a-z]a~zいずれかとマッチ/[a-z]/"" → ×
123 → ×
1a → ○
ab → ○
[A-C]A~Cいずれかとマッチ/[A-C]/"" → ×
123 → ×
1A → ○
XY → ×
[a-z0-9]a~z、0~9いずれかとマッチ/[a-z0-9]/"" → ×
123 → ○
1a → ○
ab → ○
AB → ×
(文字1|文字2)文字1または文字2とマッチ/(inu|neko)/"" → ×
inu → ○
kuma → ×
ko → ×
mikeneko → ○

よく使われるパターンはメタ文字として定義されています。

【メタ文字】
メタ文字意味
.任意の1文字
\w半角英数字とアンダースコア(_)
\W半角英数字とアンダースコア(_)以外
\d半角数値
\D半角数値以外
\s空白記号(半角スペース、全角スペース、タブ文字)
\S空白記号以外
\n改行文字
\tタブ文字
\0null

正規表現パターン例

よく使われるパターン例をまとめてみました。

【正規表現パターン例】
内容パターン
1文字以上の半角英数字とマッチ/^\w+$/
0文字以上の半角英字とマッチ/^[a-zA-Z]*$/
6文字以上8文字以下の半角英数字とマッチ/^\w{6,8}$/
6文字以上8文字以下の文字とマッチ(文字種問わず)/^.{6,8}$/
任意の4文字とマッチ/^.{4}$/
半角数値1~3で構成された4文字とマッチ/^[1-3]{4}$/
"A"、"B"、"C"で構成された4文字とマッチ/^[ABC]{4}$/
"A"、"B"、"C"で構成された4文字とマッチ(大文字小文字問わず)/^[ABC]{4}$/i
"A"、"B"、"C"以外で構成された4文字とマッチ/^[^ABC]{4}$/
郵便番号形式(半角数値3桁-4桁)/^\d{3}-\d{4}$/
"inu"、"neko"が含まれている場合にマッチ/(inu|neko)/

解説

スポンサーリンク

スポンサーリンク

-JavaScript, 文字列関連, 正規表現

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] Base64形式の画像データをcanvasに表示する

Base64形式の画像データをcanvasに表示するサンプルです。 サンプルソース 例)Base64文字列をcanvas ...

[JavaScript] 半角英数チェックを行う

半角英数チェックを行うサンプルFunctionです。 サンプル 例)値が半角英数の場合はtrueを返す(空文字はOK,半 ...

[JavaScript] HTML内の文字を動的に変更する(innerText)

HTML内の文字を動的に変更するには、innerTextを使用します。 HTML内の文字を動的に変更するサンプル 例)i ...

[JavaScript] ブラウザの戻るボタン、次へボタンを実装する

javascriptでブラウザの履歴を操作するには、window.historyを使用します。 サンプルソース 例)「戻 ...

[JavaScript] JavaScriptファイルのキャッシュを使用しない方法

JavaScriptファイルのキャッシュを使用しない方法です。 解説 JavaScriptファイルを読み込むには、通常以 ...

スポンサーリンク