Javascript / jQuery以编程方式反转正则表达式

Question

我想自动删除与输入中的模式不匹配的所有字符。 我首先使用“ ^”进行了尝试（示例：“ [az] {2,2}”将被转换为“ [^ az] *”），但这仅对某些输入有效。

这是我的代码：

$("input:not([ignore-pattern-check])[pattern]").on("input", function(){
                let val = $(this).val();

                if (val.length >= 1){
                    var regex = $(this).attr("pattern");

                    if (regex.charAt(0) == "^"){
                        regex = regex.substr(1, regex.length);
                    }

                    if (regex.charAt(regex.length - 1) == "$"){
                        regex = regex.substr(0, regex.length - 1);
                    }

                    regex = regex.replace(/\{(.+?)\}/, "*");

                    regex = "^(?!.*(" + regex + "))$";

                    let reg = new RegExp(regex);

                    if (reg.test(val)){
                        alert("This char isn't allowed!");
                    } else {
                        _hide_message();
                    }

                    $(this).val(val.replace(reg, ""));
                }
            });

编辑示例：我输入的内容为pattern="^[az]*$" 。 现在键入时，键入“ A”（区分大小写），则应自动从值中删除此“ A”。 当我键入“ a”时，不应将其删除。

Answer 1

您可以尝试以下代码-使用上面注释中的解决方案。

 const update = () => { const regex = document.getElementById("regex").value; const input = document.getElementById("input").value; const result = input.match(new RegExp(regex, 'g')).join('X'); console.log("result", result); document.getElementById("output").innerHTML = result; } 

 <label for="regex">Regex</label><input name="regex" id="regex" type="text" value="[az ]+"><br> <label for="input">Input</label><input name="input" id="input" type="text" value="only Small Letters allowed, no _ underscores etc:)"><br> <button onclick="update()">Run</button> <br> <div id="output"></div>