javascript - "Intercepting"用户在文本框中输入并删除

Question

我有一个文本框，我想对其进行一些验证。目前我有这段代码:

function updateChanger() {

    // Validate input
    var likeMessage = validateInput($("#like").val());

    alert(likeMessage);
}

function validateInput(input) {
    input = input.replace(/[^a-zA-Z0-9:\(\/\)\s\.,!~]/g, "");
    return input;
}

这成功地删除了 likeMessage 变量中不需要的字符，但该字符仍会输入到文本框中。我想阻止这种情况发生。

我知道它与 $("#like").val() 有关，但我唯一能想到的就是从文本框值中删除结束字符，这就足够了吗？

感谢您的帮助!

Answer 1

您可以使用 keyup event 来做到这一点，像这样:

$("#like").keyup(function() {
  $(this).val($(this).val().replace(/[^a-zA-Z0-9:\(\/\)\s\.,!~]/g, ""));
});

这会在每次按键松动时检查并删除无效字符，因此无效字符永远不会留在框中，它会立即被删除。