如何在提交按钮单击后重定向用户? [英] How do I redirect users after submit button click?
问题描述
如何在提交按钮点击后重定向用户?我的javascript无效:
How do I redirect users after submit button click? My javascript isn't working:
Javascript
<script type="text/javascript" language="javascript">
function redirect()
{
window.location.href="login.php";
}
</script>
表格页
<form name="form1" id="form1" method="post">
<input type="submit" class="button4" name="order"
id="order" value="Place Order" onclick="redirect();" >
</form>
推荐答案
您的提交将取消重定向,反之亦然。
Your submission will cancel the redirect or vice versa.
我没有看到重定向的原因,因为为什么你的订单没有什么作用。
I do not see the reason for the redirect in the first place since why do you have an order form that does nothing.
那说,这是怎么做的。首先,永远不要在提交按钮上放置代码,但在onsubmit中执行,其次返回false以停止提交
That said, here is how to do it. Firstly NEVER put code on the submit button but do it in the onsubmit, secondly return false to stop the submission
注意此代码将忽略action和ONLY执行脚本由于返回false / preventDefault
NOTE This code will IGNORE the action and ONLY execute the script due to the return false/preventDefault
function redirect() {
window.location.replace("login.php");
return false;
}
使用
<form name="form1" id="form1" method="post" onsubmit="return redirect()">
<input type="submit" class="button4" name="order" id="order" value="Place Order" >
</form>
或不引人注目:
window.onload=function() {
document.getElementById("form1").onsubmit=function() {
window.location.replace("login.php");
return false;
}
}
使用
<form id="form1" method="post">
<input type="submit" class="button4" value="Place Order" >
</form>
jQuery:
$("#form1").on("submit",function(e) {
e.preventDefault(); // cancel submission
window.location.replace("login.php");
});
-----
示例:
-----
Example:
$("#form1").on("submit", function(e) {
e.preventDefault(); // cancel submission
alert("this could redirect to login.php");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form id="form1" method="post" action="javascript:alert('Action!!!')">
<input type="submit" class="button4" value="Place Order">
</form>
这篇关于如何在提交按钮单击后重定向用户?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!