即时验证输入

Question

我正在为输入框做自己的验证。它会查找框中填写的任何值。如果其空白，则不会显示“tick”，如果找到任何字符，则会显示“tick”。

演示：http://www.bootply.com/sldpH9X4Y2

当我点击输入框时，勾选仅显示或消失 - 如何在打字时使其工作而无需点击框？

$(document).ready(function () {
        var inp = $('input');
        function err() {
            $.each(inp, function () {
                if (!$.trim(this.value)) {
                    $(this).parent().addClass('error');
                    // more stuff
                } else {
                    $(this).parent('div').removeClass('error');
                    // more stuff
                }
            });
        }

        inp.blur(err);
    });

一个例子会很棒！谢谢你的阅读。

Answer 1

目前，您的代码仅在blur事件中调用（因此您必须单击才能执行它）。如果要在其他事件中执行它，只需添加它们即可。用此替换inp.blur(err);：

inp.on('blur keyup keydown paste change input', err);

Answer 2

只需将inp.blur(err)更改为inp.keyup(err)。