Помощь ajaxSubmit - IE9 не загружает цель или отправляет дважды - PullRequest
Новая
       13

Помощь ajaxSubmit - IE9 не загружает цель или отправляет дважды

1 голос
/ 13 марта 2012

У меня есть форма, отправляемая с помощью плагина jQuery Form (http://jquery.malsup.com/form/). На самом деле я сталкиваюсь с двумя проблемами. С этим кодом: 

$(document).ready(function() {  
    var options = {
        target: "#result",
        beforeSubmit: showRequest,
        forceSync: true
    };

    $("#testForm").submit(function() {
        $(this).ajaxSubmit(options);

        return false;
    });

});

Форма отправляется, ноформа остается видимой, как будто ничего не было отправлено. В Chrome, Firefox и т. д. форма исчезает и появляется страница успеха. В IE9 ничего не происходит, но форма отправляется правильно. 

$(document).ready(function() {  
        var options = {
            target: "#result",
            beforeSubmit: showRequest,
            forceSync: true
        };

        $("#testForm").submit(function() {
            $(this).ajaxSubmit(options);

            return true;
        });

    });

Свозвращаемое значение в .submit () установлено в true, форма исчезает и страница успеха загружается, но форма отправляется дважды.

В обоих случаях форма отправляется правильно в Chrome и Firefox.

Любые намеки на то, что я делаю неправильно? Спасибо

1 Ответ

0 голосов
/ 05 июля 2016 
<script src="jquery-2.0.3.js"></script>
<script src="jquery_form.js"></script>
<script>

$(document).ready(function() {

                $('#AddVersion').submit(function() {
                    var options = {
                        url:        'upload.php',
                        success:    showResponse
                    };
                    // inside event callbacks 'this' is the DOM element so we first
                    // wrap it in a jQuery object and then invoke ajaxSubmit
                    $(this).ajaxSubmit(options);
                    console.log($(this));
                    //alert("I am herer");

                    // !!! Important !!!
                    // always return false to prevent standard browser submit and page navigation
                    return false;

                });

                function showResponse(data) {
                alert('Total files uploaded are :'+data);
                //alert('uploaded successfully');
            }
            });
</script>
                        <form role="form" id="AddVersion" name="AddVersion"  method="POST" enctype="multipart/form-data">
                            <div class="modal-body">
                                    <input type="hidden" id="htmls_new" name="htmls_new" value="1" /> 

                              <table class="table table-striped table-bordered table-hover">
                                <tbody>
                                    <tr style="font-size:12pt;" class="warning">
                                        <td><p class="text-info">Select File(s)</p></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="form-group">
                                                <input id="input_V_File" name="input_V_File[]" type="file" class="" form="AddVersion" multiple/>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="floatRight">
                                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>&nbsp;
                                                <input type="submit" form-action="#" form="AddVersion" class="btn btn-success floatRight" value="Submit" />
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                                </table>
                            </div>
                        </form>
...