Join 3 forms in 1 Submit

Question

Have 3 forms : Form1, form2 and form3.

I don’t know how I can " join them together " so you only need one <input type=submit /> for the three instead of creating a Submit for each one

• Is there any way to do this?

• If yes, where can I find documentations?

Answer 1

Assuming you want to send all data in the same Ubmit and that you use jQuery, I will propose the following solution:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form id="form-1">
    //seus campos aqui
</form>
<form id="form-2">
    //seus campos aqui
</form>
<form id="form-3">
    //seus campos aqui
</form>
<input type="submit" id="submit-forms"/>
<script>
$(function(){
    $('#submit-forms').click(function(){
        window.location.href = "urldesubmit.com.br?" + $('#form-1').serialize() + '&' + $('#form-2').serialize() + '&' + $('#form-3').serialize();
    });
});
<script>

It’s a hell of a gambit, but it should work.