正規表現で文字数に制限をかけたい | 正規表現 | JavaScript 目的別リファレンス

このプログラムは、与えられた文字列の長さが5〜10文字以内であるかを検証します。例えば、”こんにちは”のような5文字の文字列は条件を満たしますが、”あ”（1文字）や”これはとても長い文字列です”（20文字）は条件を満たしません。

正規表現で文字数に制限をかけるプログラム

JavaScriptとHTMLコード

置換前文字列:

結果:

// 入力文字列の長さを検証する関数
function validateInput(inputString) {
    // 正規表現で5〜10文字の範囲を確認
    const regex = /^.{5,10}$/; // 5文字以上10文字以下
    return regex.test(inputString); // 正規表現にマッチするかを判定
}

// 実行例
window.onload = function() {
    const testString1 = "こんにちは"; // テスト用文字列（7文字）
    const testString2 = "あ"; // テスト用文字列（1文字）
    const testString3 = "これはとても長い文字列です"; // テスト用文字列（20文字）
    
    // 結果の検証
    const result1 = validateInput(testString1);
    const result2 = validateInput(testString2);
    const result3 = validateInput(testString3);

    document.getElementById('input').innerText = `テスト文字列: "${testString1}" / "${testString2}" / "${testString3}"`; // 置換前のテキスト
    document.getElementById('result').innerText = `結果: ${result1} / ${result2} / ${result3}`; // 結果を表示
};

このプログラムの解説

このプログラムは、入力された文字列の長さを正規表現を用いてチェックします。

• 条件を満たす場合はtrue、満たさない場合はfalseを返します。
• 正規表現は/^.{5,10}$/で、これは5文字以上10文字以下の任意の文字を表しています。

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

• RegExp.test(): 正規表現にマッチするかを判定します。

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

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

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

programming-cafe.com