javascript - 单击表单中包含所需输入的提交按钮后如何重定向到另一个页面

Question

单击表单中的按钮后，我需要重定向到index.html。我试过这个:

$("#btn").on("click", function() { 
  window.location.replace("index.html");
  localeStorage.clear();
})

但是在表单中我需要输入，所以当我有一些空的必需输入时，它会重定向，但同时它说我必须写一些东西来输入。

成功提交表单后，我需要重定向到index.html。就像在网上商店提交订单后一样

Answer 1

首先，如果您希望在重定向之前首先验证表单，则需要将事件放置在表单的submit 上，而不是按钮的click 上。

其次，在表单提交时在JS中执行重定向是多余的；只需将表单的action 设置为您希望将用户发送到的位置即可。

考虑到上述内容，尝试以下操作:

<form id="yourForm" action="index.html">
  <input type="text" name="foo" required />
  <!-- Some more 'required' form controls... -->

  <button type="submit">Submit</button>
</form>

$("#yourForm").on("submit", function() { 
  localeStorage.clear();
});