页面刷新或表单提交后，当前选项卡将移至第一个选项卡

Question

刷新浏览器时如何停止重定向其他标签？

<div class="tab1">User Details
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</table>
</div>
<div class="tab2">Add User
<form action="" method="post">
<p><label for="name">Name</label><input type="text" name="username"></p>
<p><label for="email">Email</label><input type="email" name="email"></p>
<input type="submit" name="submit" value="add"/>
</form>

</div>

当我点击 submit 按钮时，Form正在提交，但会重定向到第一个标签。

请建议适当的JavaScript或jQuery代码。

Answer 1

如果没有服务器端脚本，这将无法实现。另一种方法是在提交表单时不刷新页面：

• How to enable the second tab after the completion of the first tab validation
• Prevent form redirect OR refresh on submit?
• Submitting a form without refreshing the page

Answer 2

我不确定您使用哪个精确的JavaScript来使第二个标签首先显示（因为您没有说明您使用的是哪个库），但是如果您还在重新加载页面，则可以使用URL中的标志，表示您希望在标签2上结束。

<form action="#tab2" method="post">

（你也应该在正确的地方有一个id="tab2"，以防止某些浏览器混淆）
然后在页面的onload函数中，检查href是否包含'#tab2'，如果是，则使标签2可见。