隐藏表单并在表单提交上显示div

时间:2016-01-07 20:56:05

标签: javascript jquery html forms

我正在尝试隐藏div id="first"中的表单,并在按下提交按钮时显示div id="second"。下面是我正在使用的代码,但它无法正常工作。结果是在页面返回其原始视图之前“快速”隐藏div id="first"和“{1}}”快速展示。

有人可以帮我纠正一下吗?谢谢!

div id="second"
$(document).ready(function() {
  $("#myform").submit(function(e) {
    $("#first").hide();
    $("#second").show();
  });
});

1 个答案:

答案 0 :(得分:9)

可能是因为在提交表单时正在执行默认事件。试一试。

 $(document).ready(function() {
        $("#myform").submit(function(e) {
            e.preventDefault();
            $("#first").hide();
            $("#second").show();
        });
    });

也可以阅读此内容 - https://api.jquery.com/event.preventdefault/