对输入进行动态验证

On the fly validation for input

本文关键字：动态 验证 输入      更新时间：2023-09-26

我正在对输入框进行自己的验证。它查找填充在框中的任何值。如果它是空的，则不显示"勾号"，如果找到任何字符，则显示"勾号"。

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

tick只出现或消失，当我从输入框点击离开-我如何使它的工作，而键入而不必从框点击离开?

$(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);
    });

举个例子就好了!谢谢阅读

目前，您的代码仅在blur事件上调用(因此您必须单击以执行它)。如果您想在其他事件中执行它，只需添加它们。将inp.blur(err);替换为:

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

将inp.blur(err)改为inp.keyup(err)

相关文章：