JavaScript/jQuery 正则表达式用有效字符替换输入字段

Question

我正在构建一个 CMS，用户可以在其中通过文本输入控件自定义页面的 SEO URL。例如，假设用户正在创建一个画廊，他们希望通过 http://www.example.com/my-1st-gallery 访问他们的页面。

请注意“my-1st-gallery”部分如何不包含 URL 的任何非法字符。由于大多数用户不知道什么是允许的，什么是不允许的，我想创建一个 JavaScript 正则表达式过滤器，它可以过滤/转换键入时的所有非法字符。

我知道如何使用 jQuery/JavaScript 来监听按键事件，但我不确定如何使用正则表达式来执行以下操作:

1. 过滤除 a-z、A-Z、0-9、“-”、“_”和空格以外的所有字符。
2. 将任何“_”和空格更改为“-”，并让用户知道给定字符已转换为“-”。

有人可以提供一个很好的例子来说明如何做正则表达式部分。同样，我了解如何监听按键事件。

---

好的，有了所有这些好的答案，我想我可以为我的网络应用程序拼凑这些。我希望我可以选择多个答案作为我的最终答案! :S 谢谢大家!

Answer 1

$("#inputElement").keyup(function() {
    var input = $(this),
    var text = input.val().replace(/[^a-zA-Z0-9-_\s]/g, "");
    if(/_|\s/.test(text)) {
        text = text.replace(/_|\s/g, "");
        // logic to notify user of replacement
    }
    input.val(text);
});