javascript - jQuery表单验证，无需单击->确定时显示div

是否可以自动执行此操作？表示当我键入文本并单击第二个文本字段时，将自动检查第一个。然后当两个都正常时显示div2，依此类推。

这是一些代码

var step1 = function() {
    var first = $("#f_name").val();
    var last = $("#l_name").val();
    var error = false;
    if (first == "") {
        $("#f_name").next().text("*ErrorMsg");
        error = true;
    } else {
        $("#f_name").next().text("");
    }
    if (last == "") {
        $("#l_name").next().text("*ErrorMsg");
        error = true;
    } else {
        $("#l_name").next().text("");
    }
    if (error == false) {
        $("#send").submit();
        $('#div1').show('slow');
    } else {
        returnfalse;
    }
}
var step2 = function() {
    var email1 = $("#e_mail").val();
    var adress1 = $("#adress").val();
    var error2 = false;
    if (email1 == "") {
        $("#e_mail").next().text("*ErrorMsg");
        error2 = true;
    } else {
        $("#e_mail").next().text("");
    }
    if (adress1 == "") {
        $("#adress").next().text("*ErrorMsg");
        error2 = true;
    } else {
        $("#adress").next().text("");
    }
    if (error2 == false) {
        $("#send2").submit();
        $('#div2').show('slow');
    } else {
        returnfalse;
    }
}
$(document).ready(function() {
    $('#div1').hide();
    $('#div2').hide();
    $("#send").click(step1);
    $("#send2").click(step2);
});

希望任何人都能帮助我。对不起，我的英语不好:)

优点

最佳答案

我会这样做的方式是：


分配一个变量，例如numSteps并将其初始值设置为1
onFocus和onBlur，运行基于numSteps逐步遍历每个字段的函数
如果任何字段为空（或者您想对其进行验证），请设置error = true
if !error numSteps++
使所有numSteps以下元素可见


希望这可以帮助

非常粗糙的示例，但演示了我所指的内容：
http://jsfiddle.net/aSRaN/