javascript - 单击提交按钮后如何重定向用户？

Question

单击提交按钮后如何重定向用户？我的 javascript 不工作:

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>

Answer 1

您的提交将取消重定向，反之亦然。

我一开始不明白重定向的原因，因为为什么您有一个什么都不做的订单。

也就是说，这里是如何做到这一点。首先永远不要将代码放在提交按钮上，而是在提交时执行，其次返回 false 以停止提交

注意 由于返回 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");
});

-----

示例:

$("#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>