表格验证

Question

我正在尝试使用jquerys ajax创建表单验证。我面临的问题是有一个名为错误的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并且效果非常好。