CODEWITHSUNDEEP
phpjavascripthtmlcss
Rajasekar
Rajasekar

Reputation: 18958

How to post two form with single submit click

I had two forms

  1. login form
  2. Registration form

login form has the username and password fields and registration form consists controls for registration like username, city, country, etc.,

  1. Also, I have some hidden controls like 
<input type="hidden" name="ctrl1" />
<input type="hidden" name="ctrl2" />
<input type="hidden" name="ctrl3" />
<input type="hidden" name="ctrl4" />

Which is dynamically generated using PHP Code.

What I want is, When the user click login form's submit or the registration form's submit, the hidden controls data should also be Posted.

Upvotes: 2

Views: 9024

Answers (3)

RahulOnRails
RahulOnRails

Reputation: 6542

Use this example, definitely it will help you.

<SCRIPT LANGUAGE="JavaScript">
  function runscript()
  {
    document.form1.submit();
    document.form2.submit();
  }
</SCRIPT>
<BODY>
  <FORM METHOD=POST ACTION="http://localhost/login.php" NAME="form1">
    <INPUT TYPE="text" NAME="text1">
  </FORM>
  <FORM METHOD=POST ACTION="http://localhost/register.php" NAME="form2">
    <INPUT TYPE="text" NAME="text2">
  </FORM>
  <INPUT TYPE="button" value="Submit" onClick="runscript()">
</BODY>

Upvotes: 1

fredley
fredley

Reputation: 33921

Insert the hidden inputs into both forms when you generate the page:

<form id='form1' action='' method='post'>

<input type='hidden' name='h1' value='v1' />
<input type='hidden' name='h2' value='v2' />
<input type='hidden' name='h3' value='v3' />

<input type='submit' name='submit' value='Submit Form 1' />
</form>

<form id='form2' action='' method='post'>

<input type='hidden' name='h1' value='v1' />
<input type='hidden' name='h2' value='v2' />
<input type='hidden' name='h3' value='v3' />

<input type='submit' name='submit' value='Submit Form 2' />

</form>

Upvotes: 4

fabrik
fabrik

Reputation: 14365

Use jQuery's serialize on one of the forms.

Upvotes: 0

Related Questions