Question

I have two forms on the page. To the user it looks like 1 form, and I actually wish it was one form. But the way I’m trying to reuse code and include things, I can’t avoid two forms in the source code… trying to act as one.

I don’t want to do ajax submit, I want a normal post submit, my form handler has redirects in it. How can I submit both of these, and get values that make sense on the server side. something like $_POST['form1]['whatever'] $_POST['form2]['thing']

Maybe take all the inputs from form 2, rename all of them with a prefix, and append them to form 1? I can’t find a non-messy way of doing this. I don’t think I need code, just a plan. Least messy idea wins.

Answer 1

Maybe take all the inputs from form 2, rename all of them with a
prefix, and append them to form 1?

That’s exactly what you have to do. Wouldn’t be much of an answer without a code sample, so here you go.

$("#form2 :input").appendTo("#form1")[0].submit()

now in php you’ll have $_POST['thing'] containing an array with two values. Alternatively you can rename all of the inputs from form2:

$("#form2 :input").attr("name",function(name){
    return name + "_form2";
}).appendTo("#form1")[0].submit();