Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery表单验证,无需单击->;什么时候可以显示div_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery表单验证,无需单击->;什么时候可以显示div

Javascript jquery表单验证,无需单击->;什么时候可以显示div,javascript,jquery,html,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(

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

我会这样做:

  • 分配一个变量,比如
    numSteps
    ,并将其初始值设置为1
  • 在FOCUS和onBlur上,根据
    numSteps
  • 如果任何字段为空(或您希望如何验证它们),请设置
    error=true
  • if!错误numSteps++
  • 使所有元素达到
    numSteps
    可见
  • 希望这有帮助

    非常粗糙的示例,但演示了我所指的:

    真的很抱歉:-/你能再帮我一点吗?你能发布你正在使用的html代码吗?那就更容易回答了。