javascript - 无需单击的jquery表单验证 ->当确定显示div时

Question

是否可以自动执行此操作。意思是当我键入文本并单击第二个文本字段时会自动检查第一个文本字段。然后当两者都确定时显示 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);
});

希望有人能帮助我。对不起我的英语不好:)

问候

Answer 1

我会这样做的方式是:

1. 分配一个变量，比如 numSteps 并将其初始值设置为 1
2. onFocus 和 onBlur，运行一个函数，根据 numSteps
遍历每个字段
3. 如果任何字段为空(或者您想要验证它们)，请设置 error = true
4. if !error numSteps++
5. 使直到 numSteps 的所有元素都可见

希望对你有帮助

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