提交点击后显示div

时间:2015-02-16 19:37:33

标签: javascript jquery html css forms

如何在提交表单后显示div内容,并使表单隐藏,我知道是jquery但我不知道如何在这里做我的表单

<form method="post" action="">
  <fieldset>

    <!-- Add this line in your form -->
    <div class="QapTcha"></div> <br><br>

    <input style="margin-left:20px;" type="submit" name="submit" value="Submit form" />
  </fieldset>
</form>

这是我的div

<div class="follow">database line 1</div>
<div class="follow">database line 2</div>
你可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

如果您在后端使用PHP,那么当您执行所有后端尝试并将用户重定向到页面所在的位置时,只需在URL中附加?formsub=1,并通过JS检查它是否存在

// Function to fetch param from URL

 function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }

    if(getParameterByName("formsub") == "1")
    {
    $("form").fadeOut();
    $(".follow").fadeIn();
    }