HTML two forms and two submit on same page

Question

<form id = "msform" action = "" method = "POST">
<input type = "text" name = "name" />
<input type = "submit" name = "submit1" value "Submit" />
</form>
<form id = "msform" action = "" method = "POST">
<b>Name:</b> <?php echo $_POST['name']; ?> 
<input type = "submit" name = "submit2" value "Launch" />
</form>

I am using two HTML forms, I want to display one form's data to other any one can guide me that how it is possible??

first of all you should change your id as it can not be same for both form — Bharat, Nov 08 '16 at 07:44
start with unique id's, after that add an onsubmit event on the forms and write it to the other form — Kevin Kloet, Nov 08 '16 at 07:45
@KevinKloet why should we use js for that simple thing? works fine with php — mtizziani, Nov 08 '16 at 08:00

score 1 · Answer 1 · answered Nov 08 '16 at 07:50

1

Try this, check which button is submitted.

if ($_SERVER["REQUEST_METHOD"] == "POST") 
{
    if ($_POST['submit1'] == 'Submit') {
      // Submit button 
    }
    else 
    {
      // Launch button 
    }
}

answered Nov 08 '16 at 07:50

Dave

3,073
7
20
33

1

I prefer this type of checking on which button is clicked. Safe, simple and clean. Recommended also for starters. – Irvin Nov 08 '16 at 07:59
var form1 = document.getElementById("msform"); form1.onsubmit = function(){ document.getElementById("msform2").style.display = "block"; }; i was done it like this but 2nd form is not show i think its animation problem of jquery – Hamood Nov 09 '16 at 05:32

mtizziani · Answer 2 · 2016-11-08T08:12:07.060

works fine for me. but a button is a <button> and not a input type submit. and never touch global vars like $_POST and $_GET directly, use filter_input for that. the other thing is, an id is only for use 1 time, you used the same id for both forms.

<form id="msform1" action="" method="POST">
    <div>
        <input type="text" name="name" />
    </div>
    <button type="submit" name="submit1">
        Submit
    </button>
</form>

<form id="msform2" action="" method="POST">
    <div>
        <b>Name:</b> <?php echo filter_input(INPUT_POST, 'name'); ?> 
    </div>
    <div>
        <button type="submit" name="submit2">
            Launch
        </button>
    </div>
</form>

ok i will try this i think it works fine for my scenario – Hamood Nov 09 '16 at 05:34 — Hamood, Nov 09 '16 at 05:34

score 0 · Answer 3 · edited Nov 09 '16 at 05:32

0

I think you are using two from in one html page and want to display one form's field value to another on button click. In this case it will be better to use js/jquery. you can easily get one filed value and put into another filed with js/jquery.

//Get
var val = $('#field_id').val();

//Set
$('#field_id').val('bla');

edited Nov 09 '16 at 05:32

Dave

3,073
7
20
33

answered Nov 08 '16 at 09:24

Al Moonsur

1
1

But in my case there are many fields if i will do this it will becomes too much lengthy code – Hamood Nov 09 '16 at 05:36

score 0 · Answer 4 · answered Nov 09 '16 at 05:39

var form1 = document.getElementById("msform");
 form1.onsubmit = function(){
 document.getElementById("msform2").style.display = "block"; 
};

i was done it like this but 2nd form is not show on submit button click i think its animation problem of jquery

HTML two forms and two submit on same page

4 Answers4