验证 textarea onkeyup 不起作用答案

【问题标题】：Validate textarea onkeyup not working验证 textarea onkeyup 不起作用
【发布时间】：2016-12-01 13:27:09
【问题描述】：

我正在尝试验证 textarea onkeyup（实时）。目标是只允许以这个字符开头的单词：“ch or Ch”。我整理了一些代码，但它不起作用，我不知道出了什么问题......

<form method="post">
    <textarea name="test" pattern="ch+" id="test" onkeyup="validateTextarea"></textarea>
</form>

function validateTextarea() {
        var errorMsg = "Please match the format requested.";
        var textarea = this;
        var pattern = new RegExp('^' + $(textarea).attr('pattern') + '$');
        // check each line of text
        $.each($(this).val().split("\n"), function () {
            // check if the line matches the pattern
            var hasError = !this.match(pattern);
            if (typeof textarea.setCustomValidity === 'function') {
                textarea.setCustomValidity(hasError ? errorMsg : '');
            } else {
                $(textarea).toggleClass('error', !!hasError);
                $(textarea).toggleClass('ok', !hasError);
                if (hasError) {
                    $(textarea).attr('title', errorMsg);
                } else {
                    $(textarea).removeAttr('title');
                }
            }
            return !hasError;
        });
    }

这里是小提琴：https://jsfiddle.net/jbtRU/93/

我想做的事情是禁用文本区域中的所有单词并只允许以“Ch”或“ch”开头的单词...

【问题讨论】：

请将 `onkeyup="validateTextarea"` 更改为 `onkeyup="validateTextarea()"`，然后进行一些基本的故障排除。
你知道你的 req 表达式实际测试的是什么吗？ regexper.com/#%5Ech%2B%24
很抱歉，但我真的不知道自己在做什么......我把代码粘得像个鸟巢，现在我被卡住了。老实说，我真的不知道如何编码。我通过尝试来学习，如果它们有效，我会尝试弄清楚它是如何以及为什么，如果它们不是，我只是被卡住了。现在我被困住了。谢谢你们俩的帮助，但我不知道如何解决它...

标签： javascript jquery html textarea onkeyup

【解决方案1】：

你需要绑定keyup事件如下见工作小提琴https://jsfiddle.net/jbtRU/106/

$(function() {
    $('#test').on('keyup', function(e) {
    e.preventDefault();
     var errorMsg = "Please match the format requested.";
        var textarea = $(this);
        var pattern = new RegExp('^' + $(textarea).attr('pattern') + '$');
        $.each(textarea.val().split("\n"), function (key, value) {
            // check if the line matches the pattern
            var hasError = !value.match(pattern);
            if (typeof textarea.setCustomValidity === 'function') {
                textarea.setCustomValidity(hasError ? errorMsg : '');
            } else {
                $(textarea).toggleClass('error', !!hasError);
                $(textarea).toggleClass('ok', !hasError);
                if (hasError) {
                    $(textarea).attr('title', errorMsg);
                } else {
                    $(textarea).removeAttr('title');
                }
            }
            return !hasError;
        });
  });
});

【讨论】：

如果单词不以“Ch”或“ch”开头，有没有办法禁用/删除/不允许键入字符？