javascript - Current tab is moving to first tab after page refresh or form submitting

Question

How can I stop to redirect other tab when refreshing the browser?

<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>

When I click on the submit button, Form is submitting but redirecting to the first tab.

Please suggest appropriate JavaScript or jQuery code.

Answer 1

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

• 第一个选项卡验证完成后如何启用第二个选项卡
• 防止表单重定向或刷新提交？
• 提交表单而不刷新页面

Answer 2

我不确定您首先使用哪个确切的 JavaScript 来使第二个选项卡可见（因为您没有说您使用的是什么库），但是如果您仍然要重新加载页面，您可以在指示您希望在选项卡 2 上结束的 URL。

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

（并且您还应该id="tab2"在正确的位置放置一个以防止某些浏览器混淆）
然后在页面的 onload 功能中，检查 href 是否包含'#tab2'，如果包含，则使选项卡 2 可见。