Function doVisualTest

apps/regexp/index.js:1549–1609

()

    testTextArea.addEventListener('input', doVisualTest);

    function doVisualTest() {
        let regexStr = regexInput.value.trim();
        const testText = testTextArea.value.trim();

        errorMsg.textContent = '';

        if (!regexStr) {
            errorMsg.textContent = '请输入正则表达式';
            return;
        }
        if (!testText) {
            errorMsg.textContent = '请输入要测试的文本';
            return;
        }

        // 新增：支持 /pattern/flags 写法
        let pattern = regexStr;
        let flags = Array.from(flagCheckboxes)
            .filter(cb => cb.checked)
            .map(cb => cb.value)
            .join('');

        // 如果是 /pattern/flags 形式
        const regSlash = /^\/(.+)\/([gimsuy]*)$/;
        const match = regexStr.match(regSlash);
        if (match) {
            pattern = match[1];
            flags = match[2];
        }

        try {
            const regex = new RegExp(pattern, flags);
            const matches = [];
            let match;
            
            if (flags.includes('g')) {
                while ((match = regex.exec(testText)) !== null) {
                    matches.push({
                        match: match[0],
                        index: match.index,
                        groups: match.slice(1)
                    });
                    if (match.index === regex.lastIndex) break;
                }
            } else {
                match = regex.exec(testText);
                if (match) {
                    matches.push({
                        match: match[0],
                        index: match.index,
                        groups: match.slice(1)
                    });
                }
            }
            
            displayVisualResults(matches, testText, regex);
        } catch (e) {
            errorMsg.textContent = '正则表达式语法错误: ' + e.message;