Hello:
I have a 3 tabbed user form where one tab is for “registering”, another tab for “login” and a third tab for “forgot”. The default is “login” and for the most part that all works fine. My problem is that when the user clicks 1 of the other tabs, say “register”, and fills in the information and clicks “submit”, the page seems to refresh and jump back to the default, which is login. I get why it is doing that because the default radio button is setup that way. How do I stay on that page and ensure it has done proper validating individually? I know I can create 3 individual pages, but I am trying to make it as efficient as possible and this seems logical. I have tried using “sessions” but everything is so bloated. Is there a simple way to do this validating on “current” tab? Ajax? Javascript? JQuery? I have tried for 2 weeks now and am almost defeated.
https://codepen.io/lepew/pen/pPQWQG