【问题标题】:How to redirect form using click here for submit?如何使用单击此处提交重定向表单?
【发布时间】:2015-03-04 09:49:44
【问题描述】:

任何人都可以帮助我制作表格,我想做这样的事情: http://criminalcase.ha-lab.com/

有一个按钮“提交前点击这里”,当你点击它时,你会被重定向到同一页面(*url不要改变),你可以看到底部提交(*没有点击这里提交)。提前感谢您的任何帮助^^

<form method="get" action="?">
 id : <input name="id" / size="45"/><br>
 Sig : <input name="sig" <br> 

<input type="submit" name="submit" value="==>click here befor submit<==" id="submit" />

</form>

我想要的是,当我点击点击此处提交之前,它会将我重定向到相同的页面,但使用 boutom 提交

【问题讨论】:

  • 请展示一段代码,这样很容易理解
  • 为什么需要重定向。只需隐藏链接并显示按钮即可。

标签: javascript php forms form-submit


【解决方案1】:

这样的?没有代码真的很难理解你。

$("#showSubmit").click(function(){
  $(this).hide();
  $("#submitButton").show();
})
.hidden{ display:none}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <label>input</label><input type="text"/>
  <input type="submit" class="hidden" id="submitButton" value="submit" />
  <a href="#" id="showSubmit">Click here before submit</a>
</form>

【讨论】:

  • 对不起我只是新手^^我只是更新并发送代码,最好的例子是网站,你必须点击点击这里才能看到提交非常感谢您
  • 类似的东西,但想使用重定向短链接,就像那个人一样!如果可能的话!我发送的网站你必须在重定向后点击“点击这里提交”(页面刷新)然后你可以看到像你一样提交,并且网站的网址不会改变
  • 那么,你想要一个链接而不是一个按钮?我再次编辑了代码。
  • 谢谢你,是一个链接,你的代码的问题是我不能在提交之前使用短链接点击这里,就像其他人看到代码源一样:criminalcase.ha-lab.com 并搜索点击这里提交还有另一个例子:old-skys.net/cc 这个人是用 php 做的,我认为它会自动重定向到一个名为 complete.php 的页面,这个页面将你重定向到你的页面 php 并提交表单
  • 我认为该链接必须将您重定向到一个 php 脚本,使用表单数据创建一个 $_SESSION 并使用 header("location: adsPage.php") 重定向,显示广告。在倒计时后生成按钮,然后使用该按钮返回表单并使用脚本中创建的 $_SESSION 变量填充表单数据,并在检查 $_SESSION 变量是否存在后显示提交按钮。这很简单,但您需要了解 PHP 或其他服务器端语言。
【解决方案2】:

我也想了解豪斯博士的问题,我想稍微修改一下 JuaRoAI 所做的事情,并做这样的事情,试试看,让我们知道:

$("#showSubmit").click(function(){
  $(this).hide();
  $("#submitButton").show();
})
.hidden{ display:none}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <label>input</label><input type="text"/>
  <input type="submit" class="hidden" id="submitButton" value="submit" />
  <a href="" id="showSubmit">Click here before submit</a>
</form>

【讨论】:

    猜你喜欢
    • 2017-04-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-27
    • 2020-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多