Jquery form.submit not posting anything in IE9

Question

I've been seraching for a solution on my problem for several days, but I haven't found a solutiuon that solves my problem. I hope someone here might be able to help me out or to point me in the right direction. My problem is the following: I'm using jquery (1.9.0) and jquery-ui (1.10.1). I have a page with a form, which should be posted to a php-script to add or update data into my database. All works fine in FF and even in IE 8 and IE 10. But in IE9 the data just isn't submitted: var_dump'ing the $_POST-array gives me an empty array, nothing is posted.

Here is the code (I'll submit the essentials:

    
        
        
            Please fill out all fields
        
        
            Originator:
            
            Originator document number:
            
            Document category:
            
        
        
            
            LAB GmbH
            LAB document number:
            
            Document size:
            
        
        
            Client:
            CEH
            Client document number:
            
            Current revision:
            
        
        
            Title (line 1):
            
            Current doc. phase:
            
        
        
            Title (line 2):
            
        
        
            Title (line 3):
            
        
        
            Title (line 4):
            
        
        
            File formats:
            editable:
            
            Filename:
            
        
        
            
            non-editable:
            
            Filename:
            
        
        
            
            
            
                Submit
            
            
                Cancel

The jquery for the Submit-button:

    $( "#submitNewDoc" )
        .button()
        .click(function() {
            $( "#documents" ).submit();
        });

When I test in FF and in IE8 or IE10, the data gets posted just fine. Only in IE9 the data is not being posted, I receive "array{}".

Does anyone have an idea what I am doing wrong?

** update in reply to Muhammed's question **

There's nothing in the php-file except the MySQL-query:

    // All general includes
    require_once('config.php');
    require_once('functions.general.php');
    require_once('functions.dbase.php');
    //require_once("standardLists.php");

    // make a connection, so we can use mysql_real_escape_string
    $con = mysql_connect($db_host, $db_user, $db_password);
    if (!$con) { die('Could not connect: ' . mysql_error()); }


    // Initialise database object and establish a connection
    // at the same time - db_user / db_password / db_name / db_host
    $db = new ezSQL_mysql($db_user,$db_password,$db_name,$db_host);

    var_dump($_POST); // testing

    /* Storing the info into the DB */

    $sql1 = "INSERT INTO documents 
                    (company_id, docnrsupplier, docnrlab, docnrclient, title1, title2, title3, 
                    title4, docformat_editable_id, docformat_noneditable_id, file_editable, doccat_id, docsize_id, docphase_id, file_noneditable)
                    VALUES (
                            '".$_POST['company_id']."',
                            '".$_POST['docnrsupplier']."', 
                            '".$_POST['docnrlab']."', 
                            '".$_POST['docnrclient']."', 
                            '".$_POST['title1']."', 
                            '".$_POST['title2']."' , 
                            '".$_POST['title3']."',
                            '".$_POST['title4']."', 
                            '".$_POST['docformat_editable_id']."', 
                            '".$_POST['docformat_noneditable_id']."', 
                            '".$_POST['file_editable']."' , 
                            '".$_POST['doccat_id']."' , 
                            '".$_POST['docsize_id']."' , 
                            '".$_POST['docphase_id']."' , 
                            '".$_POST['file_noneditable']."')";

** update 2 **

I have tried it now with bothtypes of button, but the result in IE9 stays the same: array(0) { } while IE8 and IE10 at least give me

array(16) { ["company_id"]=> string(0) "" ["docnrsupplier"]=> string(0) "" ["doccat_id"]=> string(0) "" ["docnrlab"]=> string(0) "" ["docsize_id"]=> string(0) "" ["docnrclient"]=> string(0) "" ["revi"]=> string(1) "A" ["title1"]=> string(0) "" ["docphase_id"]=> string(0) "" ["title2"]=> string(0) "" ["title3"]=> string(0) "" ["title4"]=> string(0) "" ["docformat_editable_id"]=> string(0) "" ["file_editable"]=> string(0) "" ["docformat_noneditable_id"]=> string(0) "" ["file_noneditable"]=> string(0) "" } `

    
    
        Submit

I'm sure I have made a mistake, I just cannot find it :-( Can it be that there is a problem with having two forms on the same page? They do have their own name and id and there are no double fieldnames..

Ad123 · Accepted Answer

I think I've found it, although I am quite unhappy with it: The form-fields were nested as inside a table:

Jquery form.submit not posting anything in IE9

Answers (1)

Related Questions