Question

I have a big form that is spliced in 4 divs, each div represent a step , everything is enclose in just 1 form, my problem is the form is becoming too big, because has the ability to add new fields , (pictures, text, languages) dynamically ,

so i was wondering if is there any option to submit this form in parts , my server has the limit of 20 fields per post, and i can not change this setting

Answer 1

If the server limit bothers you you can Serialize the form in jSON and pass this as a single Parameter

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

like

var data = $("form#myform").serializeObject();
window.location = "url?data="+encodeURIComponent(data);

than on server

$data = json_decode($_GET["data"]);
foreach($data as $row)
{
 //Do What ever you want with $row
}

Or if you need to use $_POST

var post_data = { data : data};
$.post('url', post_data ,function(data) {
  console.log(data);
});