1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

3 tabbed login form validating ...

Discussion in 'HTML & Website Design' started by pepe_lepew1962, May 20, 2017.

  1. #1
    Hello:
    SEMrush
    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
     
    pepe_lepew1962, May 20, 2017 IP
    SEMrush
  2. hdewantara

    hdewantara Well-Known Member

    Messages:
    465
    Likes Received:
    40
    Best Answers:
    21
    Trophy Points:
    130
    #2
    Hi
    I'm afraid using SESSION is the most reliable way. Just allow your server script to redirect page to proper tab. Another problem to add is when you see the page in different type of browser, say Chrome or IE and then try refresh (F5 shortcut key) page. Firefox is capable to retain tab but not those other two. Correct?

    This means having only 1 form wrapping whole div.sign_Area (instead of 3 different forms) so it can detect input[name="tabGroup1"], save this tab state as say... $_SESSION['tab'] ... and based on that put checkmark back to the right input[name="tabGroup1"].

    This doesn't seem so bloated ;)
     
    hdewantara, May 21, 2017 IP
  3. Blank ™

    Blank ™ Well-Known Member

    Messages:
    223
    Likes Received:
    18
    Best Answers:
    6
    Trophy Points:
    110
    #3
    I'd rather go with AJAX instead of the actual form submission, page reloads and defaults (form fields, tabs).
     
    Blank ™, May 21, 2017 IP