Jquery form.submit没有在IE9中发布任何内容

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:

    <form name="documents" id="documents" method="POST" action="inc/add_new_doc.php">
        <table class="invoer" align="left">
        <tr>
            <th align="left" colspan="8"><h2>Please fill out all fields</h2></th>
        </tr>
        <tr>
            <td align="right">Originator:</td>
            <td colspan="2"><select name="company_id" id ="company_id"><?php echo getCompanyList(0); ?></select></td>
            <td>Originator document number:</td>
            <td colspan="2"><input name="docnrsupplier" id="docnrsupplier" type="text" size="30" tabindex="2" /></td>
            <td>Document category:</td>
            <td><select name="doccat_id" id ="doccat_id"><?php echo getDocCatList(0); ?></select></td>
        </tr>
        <tr>
            <td ></td>
            <td colspan="2"><b>LAB GmbH</b></td>
            <td>LAB document number:</td>
            <td colspan="2"><input name="docnrlab" id="docnrlab" type="text" size="30" tabindex="2" /></td>
            <td>Document size:</td>
            <td><select name="docsize_id" id ="docsize_id"><?php echo getDocSizeList(0); ?></select></td>
        </tr>
        <tr>
            <td align="right">Client:</td>
            <td colspan="2"><b>CEH</b></td>
            <td>Client document number:</td>
            <td colspan="2"><input name="docnrclient" id="docnrclient" type="text" size="30" tabindex="2" /></td>
            <td>Current revision:</td>
            <td><select name="revi" id ="revi"><?php echo buildAZSelector(); ?></select></td>
        </tr>
        <tr>
            <td align="right">Title (line 1):</td>
            <td colspan="5"><input name="title1" id="title1" type="text" size="100" tabindex="2" /></td>
            <td>Current doc. phase:</td>
            <td><select name="docphase_id" id ="docphase_id"><?php echo getDocPhaseList(0); ?></select></td>
        </tr>
        <tr>
            <td align="right">Title (line 2):</td>
            <td colspan="5"><input name="title2" id="title2" type="text" size="100" tabindex="2" /></td>
        </tr>
        <tr>
            <td align="right">Title (line 3):</td>
            <td colspan="5"><input name="title3" id="title3" type="text" size="100" tabindex="2" /></td>
        </tr>
        <tr>
            <td align="right">Title (line 4):</td>
            <td colspan="5"><input name="title4" id="title4" type="text" size="100" tabindex="2" /></td>
        </tr>
        <tr>
            <td align="right">File formats:</td>
            <td align="right"><i>editable:</i></td>
            <td ><select name="docformat_editable_id" id ="docformat_editable_id"><?php echo getDocFormatList(0, 1); ?></select></td>
            <td align="right">Filename:</td>
            <td colspan="4" align="left"><input name="file_editable" id="file_editable" type="text" size="50" tabindex="2" /></td>
        </tr>
        <tr>
            <td align="right"></td>
            <td align="right"><i>non-editable:</i></td>
            <td ><select name="docformat_noneditable_id" id ="docformat_noneditable_id"><?php echo getDocFormatList(0, 0); ?></select></td>
            <td align="right">Filename:</td>
            <td colspan="4" align="left"><input name="file_noneditable" id="file_noneditable" type="text" size="50" tabindex="2" /></td>
        </tr>
        <tr>
            <td></td>
            <td colspan="8">
            <div class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="submitNewDoc" role="button" aria-disabled="false">
                <span class="ui-button-text">Submit</span>
            </div>
            <div class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="cancelNewDoc" role="button" aria-disabled="false">
                <span class="ui-button-text">Cancel</span>
            </div>
            </td>
        </tr>
        </table>
    </form>

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) "" } `

    <input class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="mySubmit" type="submit" value="Submit" />
    <div class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="submitNewDoc" role="button" aria-disabled="false">
        <span class="ui-button-text">Submit</span>
    </div>

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..

查看全部
douxian1895
douxian1895
2013/09/07 16:15
  • Internet-explorer
  • php
  • javascript
  • jquery
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

1个回复