javascript - 需要限制文本框中输入的逗号(,)

Question

我需要限制在文本区域中输入的逗号数量

我尝试了这些链接，但它没有帮助

限制文本框中逗号的数量

文本框中的逗号

我正在使用 php。是否可以在这里实现 php 或 javascript。

标签： javascriptphphtmlspecial-characterslimit

Answer 1

您应该等待 DOMContentLoaded 事件，然后将 textarea 与“输入”事件的回调绑定：

const MAX_COMMAS = 3;
document.addEventListener("DOMContentLoaded", function(event) {
    let textarea = document.getElementById('textbox');

    textarea.addEventListener("input", function(event) {
        let matchCommas = this.value.match(/,/g);

        if (Array.isArray(matchCommas) && matchCommas.length > MAX_COMMAS) {
            this.value = this.value.substring(0, this.value.length - 1); // remove the last comma
            alert("MAX COMMAS EXCEEDED!");
        }
    });
});

<textarea id="textbox" cols="40" rows="4"></textarea>