没有点击的jquery表单验证 - >当ok show div

时间:2014-05-23 16:18:56

标签: javascript jquery html

是否可以自动执行此操作。意思是当我输入文字并点击第二个文本字段时自动检查第一个文本。然后当两个ok都显示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);
});
希望有人能帮助我。抱歉我的英语不好:)

greatings

1 个答案:

答案 0 :(得分:2)

我这样做的方式是:

  1. 分配变量,例如numSteps,并将其初始值设置为1
  2. onFocus和onBlur,根据numSteps
  3. 运行一个逐步遍历每个字段的函数
  4. 如果任何字段为空(或者您要验证它们),请设置error = true
  5. if !error numSteps++
  6. 将所有元素设为numSteps可见
  7. 希望这有帮助

    非常粗略的例子,但展示了我的意思: http://jsfiddle.net/aSRaN/