クレジットカード regex JavaScript バリデーター

クレジットカード regex JavaScript バリデーターでクレジットカードフォーマットを即時検証できます。リアルタイムの regex ロジックを使用して Visa、MasterCard、Amex、Discover カードのパターンをテストします。JavaScript regex テスターと組み合わせて regex パターンを微調整するか、メール regex JavaScript バリデーターやパスワード regex JavaScript バリデーターと組み合わせて安全で完全に検証されたチェックアウトフォームを構築してください。

クレジットカード regex JavaScript バリデーター - ドキュメント

JavaScript におけるクレジットカード regex とは何ですか？

JavaScript において、クレジットカード regex は入力文字列が有効なクレジットカード番号のフォーマットに一致するかを確認するために使用される正規表現です。これらのパターンは、バックエンド検証や決済処理の前に誤ってフォーマットされた番号をフィルタリングするのに役立ちます。フロントエンドのフォーム検証や無効なユーザー入力からの保護に特に有用です。

優れたクレジットカード regex バリデーターは、4 桁グループ（スペースまたはハイフン区切り）または連続した数字列として入力された番号の両方を確認できます。この柔軟性により、ユーザーが最も便利な方法でカード詳細を入力できる一方で、強力な検証標準を維持できます。

JavaScript ベースのクレジットカード regex パターンは以下の場合に最適です。

送信前のフォームでの入力フォーマット精度の確保
よりスムーズなユーザーエクスペリエンスのための即時クライアントサイド検証
数字以外または不適切な構造の入力の防止

クレジットカードの一般的な regex パターン

クレジットカードのフォーマットはプロバイダーによって異なります。各タイプの一般的な regex パターン：

// Visa（4 で始まる、13 または 16 桁）
^4[0-9]{12}(?:[0-9]{3})?$

例：4111111111111111

// MasterCard（51〜55 または 2221〜2720 で始まる、16 桁）
^5[1-5][0-9]{14}$|^2(2[2-9][0-9]{2}|[3-6][0-9]{3}|7[01][0-9]{2}|720[0-9]{2})[0-9]{10}$

例：5500000000000004

// American Express（34 または 37 で始まる、15 桁）
^3[47][0-9]{13}$

例：340000000000009

// Discover（6011 または 65 で始まる、16 桁）
^6(?:011|5[0-9]{2})[0-9]{12}$

例：6011000000000004

JavaScript で regex を使用してクレジットカード番号を検証する方法

Visa カード番号を regex で検証する完全な動作コード例：

function isValidCreditCard(cardNumber) {
  const cardRegex = /^4[0-9]{12}(?:[0-9]{3})?$/; // Visa パターン
  return cardRegex.test(cardNumber);
}

// 使用例
const testCard = "4111111111111111";
console.log(`Is "${testCard}" valid?`, isValidCreditCard(testCard)); // true

MasterCard、Amex、または Discover を検証するには regex パターンを置き換えてください。