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

Without a server side script this would not be realizable. Another way would be to not refresh the page while submitting the form:

• 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

I'm not sure which exact JavaScript you use to make the second tab visible in the first place (because you're not saying what library you use), but if you're reloading the page anyway, you can use a flag in the URL to indicate that you want to end up on tab 2.

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

(and you should also have an id="tab2" in the right place to prevent confusion for some browsers)
Then in the onload function of the page, check if the href contains '#tab2' and if so, make tab 2 visible.