jquery - 表单验证

Question

我正在尝试使用 jquerys ajax 创建表单验证。我面临的问题是有一个名为 error 的 div，其中显示错误。我正在使用 keyup 函数并在用户键入时进行验证。我需要帮助的部分是此检查是否可以应用于所有输入字段，或者我是否必须为每个字段创建单独的检查。第二个问题是我想当第一个字段正常时错误 div 消失。为此，我使用了幻灯片功能，但我想知道如果第一个字段不正常并且该人转到第二个字段，我如何根据用户关注的字段显示错误。最后有一个缺陷，我还没有真正想过如何解决这个问题。一旦字段正常，div 就会消失，但如果该人更改了字段正常的内容，我希望 div 能够回来。

$(document).ready(function () {
    var error = $('#error');    
    $('#firstname').keyup(function () {
        var t = this;    
        if (this.value != this.lastValue) {
            if (this.timer) clearTimeout(this.timer);
            error.removeClass('error').html('<img src="ajax-loader.gif" height="16" width="16" /> checking availability...');
            this.timer = setTimeout(function () {
                $.ajax({
                    url: 'reg_valid.php',
                    data: 'firstname=' + t.value,
                    type: 'post',
                    success: function (data) {
                        error.html(data);
                        if (data=="Ok") {
                            $('#error').slideUp();  
                        }
                    }
                });
            }, 200);
            this.lastValue = this.value;
        }
    });
});

<input type='text' name='firstname' id='firstname' />
<input type='text' name='lastname' id='lastname' />

最后，如果我应该使用其他类型的表单验证，请告诉我，非常感谢!

Answer 1

你看过jQuery Validator plugin吗？ ？我怀疑它会做你正在寻找的事情

我用过this one而且效果非常好。