クレジットカード番号の形式かを検証したい | 正規表現

クレジットカード番号の形式かを検証したい | 正規表現 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.24

このプログラムは、与えられたクレジットカード番号が正しい形式であるかどうかを検証するためのものです。Visa、MasterCard、American Expressなど、一般的なクレジットカード番号の形式に対応しています。

クレジットカード番号の形式を検証するプログラム
RegExpオブジェクトメソッドの機能一覧

クレジットカード番号の形式を検証するプログラム

このプログラムでは、与えられたクレジットカード番号（例：”4111111111111111″）が有効な形式かどうかを検証します。正規表現を使用して、Visa、MasterCard、American Expressのフォーマットに従っているかをチェックします。

置換前文字列:

結果:

JavaScriptとHTMLコード


        // クレジットカード番号の形式を検証する関数
        function validateCreditCard(cardNumber) {
            // 正規表現でクレジットカード番号の形式を確認
            const regex = /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9]{2})[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|7[0-9]{15})$/;
            return regex.test(cardNumber); // 正しい形式かどうかを返す
        }

        // 実行例
        window.onload = function() {
            const testCardNumber = "4111111111111111"; // テスト用クレジットカード番号
            const isValid = validateCreditCard(testCardNumber); // 検証結果を取得
            document.getElementById('input').innerText = testCardNumber; // 置換前のテキスト
            document.getElementById('result').innerText = isValid ? "有効なクレジットカード番号です。" : "無効なクレジットカード番号です。"; // 結果を表示
        };

このプログラムの解説

このプログラムは、与えられたクレジットカード番号が有効な形式かどうかを検証するために、以下の手順を踏みます：

クレジットカード番号が引数として渡される。
正規表現を使用して、番号の形式を検証する。
検証の結果を返し、有効または無効のメッセージを表示する。

使用したオブジェクトとメソッド

RegExp: 正規表現オブジェクト。
test(): 正規表現の検証メソッド。

RegExpオブジェクトメソッドの機能一覧

RegExpオブジェクトメソッドの機能一覧 | JavaScript リファレンス

JavaScriptのRegExpオブジェクトは、正規表現を使用して文字列のパターンを検出、操作するためのオブジェクトです。以下に、RegExpオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順にまとめています。 RegExpオブジェクトのインスタンスメソッドメソッド名説明と注意点 ...