即时验证输入

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);