jQuery ajaxSubmit игнорируется IE8 - PullRequest
Новая
       18

jQuery ajaxSubmit игнорируется IE8

2 голосов
/ 06 января 2011

Я комбинирую подключаемый модуль проверки jQuery с плагином jQuery Form , чтобы отправить форму через AJAX. Это отлично работает в Firefox и Chrome, но (как обычно) Internet Explorer - это боль. По причинам, на которые я намекаю, IE игнорирует ajaxSubmit, в результате он отправляет форму обычным способом.

Я следовал документации плагина проверки при создании моего кода:

JS: 

<script src="/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="/js/jquery.form.js" type="text/javascript"></script> 
<script type="text/javascript">
$(document).ready(function() {
    var validator = $("#form_notify").validate({
        messages: {
            email: {
                required: 'Please insert your email address. Without your email address we will not be able to contact you!',
                email:'Please enter a <b>valid</b> email address. Without a valid email address we will not be able to contact you!'
            }
        },
        errorLabelContainer: "#error",
        success: "valid",
        submitHandler: function(form) {$(form).ajaxSubmit();}
    });
    $('#email').blur(function() { 
        if (validator.numberOfInvalids() > 0) {
            $("#label").addClass("label_error");
            return false;
        }
        else {$("#label").removeClass("label_error");}
    });
    $('#form_notify').submit(function() { 
        if (validator.numberOfInvalids() == 0) {
            $(this).fadeOut('fast', function() {$('#thank-you').fadeIn();});
            return true;
        }
        return false;
    });
});
</script>

Форма HTML: 

<form id="form_notify" class="cmxform" name="form_notify" action="optin.pl" method="get">
                                <fieldset>
                                    <div class="input">
                                        <label id="label" for="email">Email Address:</label>
                                        <input type="text" id="email" name="email" value="" title="email address" class="{required:true, email:true}"/>
                                        <div class="clearfix"></div>
                                    </div>
                                    <input type="hidden" name="key" value="sub-745-9.224;1.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0;;subscribe-224.htm">
                                    <input type="hidden" name="followup" value="19"> 
                                    <input type="submit" name="submit" id="submit-button" value="Notify Me">
                                    <div id="error"></div>
                                </fieldset>
                            </form>

Я не могу понять, что заставляет IE действовать по-другому, любая помощь будет очень оценена.

Я могу предоставить больше информации, если это необходимо.

Заранее спасибо!

1 Ответ

0 голосов
/ 06 февраля 2013

Попробуйте следующее: 

$('#form_notify').submit(function(e) {
    e.preventDefault();
    if (validator.numberOfInvalids() == 0) {
        $(this).fadeOut('fast', function() {$('#thank-you').fadeIn();});
            return true;
    }
    return false;
});
...