【问题标题】:Show div after submit click [closed]提交点击后显示 div [关闭]
【发布时间】:2015-02-16 19:37:33
【问题描述】:

如何在提交表单后显示 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>

你能帮帮我吗?

【问题讨论】:

  • 您能否在此处或 jsfiddle.net 上发布您要执行的操作的完整代码?
  • 我会做一个jsfiddle
  • 我不能制作 jsfiddle 因为我也使用 php 如何给你代码?这是我测试过的网站websiteres.hol.es/captcha

标签: javascript jquery html css forms


【解决方案1】:

如果您在后端使用 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();
    }

【讨论】:

  • 这只有一半有效 - 当您提交表单时页面会刷新所以虽然解决方案是正确的并且 javascript 会隐藏表单并显示 div,但页面会刷新并且表单会再次显示.您需要使用 AJAX 提交表单并使用与 void 提供的代码类似的代码来隐藏它并在收到 AJAX 函数的成功回调时显示 div。
  • 我以为他一定是通过 AJAX 提交表单。
  • 我要求您这样做,以便我可以通过按下提交按钮而不是一次又一次地移动该滑块来测试表单。只需暂时评论$('.QapTcha').QapTcha({disabledSubmit:true,autoRevert:true,autoSubmit:true});这一行。
  • 兄弟,我想您还需要评论那些 .js 和 .css,因为它们在您的站点中没有形式。别担心,我们会拿回来的。我们就是这样调试的
  • 现在完成了吗?这是我想要实现的demos.myjqueryplugins.com/qaptcha
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多