Php jQuery使表单消失，然后依次出现

正如标题所说，这是我尝试使用的代码。表单必须一个接一个地出现，因为来自前一个表单的信息决定了下一个表单的外观

$(document).ready(function(){
    $('#first_form').submit(function(){
        $('#first_form').fadeOut('fast');
        $('#second_form').fadeIn('fast');   
    });
});

标题：


冠军人数：

您可以使用：

$('#first_form').submit(function(){
    $('#first_form').fadeOut(function() {
        $('#second_form').fadeIn('fast');
    });
    return false;
});

---

从jQuery文档中，语法是

fadeIn（[duration][，complete]）

它接受一个duration和一个

onComplete

回调，当第一个操作完成时，您可以使用它执行下一个操作。

您混合了客户端和服务器端表单代码。提交表单将完全重新加载页面，因此从代码外观上看，当提交旧表单时，它将在新表单中消失，但随后重新加载页面，旧表单仍将再次显示

你可以：

• 让PHP根据第一个表单的提交来确定下一个表单的显示方式，例如

  if（isset（$\u POST[“first\u form\u submit”]）{Show second form…}

• 可能更好、更方便用户：在用户提交第一张表单之前，在第一张表单上填写相关输入后，将第二张表单显示在下面

---

我也这样做过一次，只需在按钮中添加一个submit类，并使其如下所示：

<input type="submit" value="submit" class="submit">

---

PS，您还需要防止默认提交…否则它将只提交表单，请参见此

我尝试了这种方式，但在单击“提交”后什么也没有发生。这里是完整代码：第一次提交还是第二次提交？第一个表单始终处于刷新状态，即使在我填写数据并单击“提交”时也是如此。网站仅使用空白表单刷新1仍然查看更新的代码我在submt函数上添加了一个return false它将第一个表单更改为第二个表单，但跳过了php您可以详细介绍第二个方法吗？看起来很有趣，您可以在页面中添加一个包含第二个表单的

div

，给它一个不在这里的类，样式显示为：none。然后编写一个jQuery函数t删除该类（.removeClass（“nothere”））一旦用户填写了第一个表单的输入。它不起作用，我听说我需要将return设置为false；在第一个表单之后，但是第二个表单没有出现。单击submityeah后也没有发生任何事情。我已经到了这一点几次了，但是检查php部分仍然不起作用，这与您无关r问题……您只要求在表单之间淡入淡出的jquery。php是表单的一部分这是您的问题：“jquery使表单消失并依次出现”，对吗？您的问题中的“php不工作”在哪里？或者在描述中？

<input type="submit" value="submit" class="submit">

$(document).ready(function(event){
    event.preventDefault(); 
    $('.submit').click(function(){
        $('#first_form').fadeOut(400);
        $('#second_form').fadeIn(400);   
    });
});