Question

So lets say I have some forms like this:

Form A:

<form name="formA">
  <input type="text" name="username">
  <input type="text" name="password">
</form>

Form B:

<div style="display:none;">
  <form name="formB">
    <input type="text" name="username">
    <input type="text" name="password">
  </form>
</div>

Form C:

<div style="display:none;">
 <form name="formC">
    <input type="text" name="username">
    <input type="text" name="password">
 </form>
</div>

Forms B and C are hidden, I have them there because after a user enters their username and password in form A, I need to also use that username and password information they submitted to be used in forms B and C, and then submit all forms at once. This is so I can submit a login to multiple parts of my website using just 1 login form. How exactly should I go about doing this?

-Thanks!

Answer 1

If you don’t need https for login function, you can try this using jQuery and ajaxForm plugin:

<form name="formA" action="actionA">
  <input id="usernameA" type="text" name="username">
  <input id="passwordA" type="password" name="password">
</form>

<div style="display:none;">
  <form name="formB" action="actionB">
    <input id="usernameB" type="text" name="username">
    <input id="passwordB" type="password" name="password">
  </form>
</div>

<div style="display:none;">
  <form name="formC" action="actionC">
    <input id="usernameC" type="text" name="username">
    <input id="passwordC" type="password" name="password">
  </form>
</div>


$('#formA').submit(function() {
    var username = $('#usernameA').val();
    var password = $('#passwordA').val();

    $('#usernameB').val(username);
    $('#passwordB').val(password);
    $('#usernameC').val(username);
    $('#passwordC').val(password);

    $('#formB').ajaxForm(function() { 
        alert("You have been logged in at B"); 
    });
    $('#formC').ajaxForm(function() { 
        alert("You have been logged in at C"); 
    }); 
});

When you send an ajax request to the server for login at B and C, if your server send back a cookie on successful login, I think you’re good to go 😛