IE8 просто перезагружает страницу вместо поста ajax

Question

IE8 просто перезагружает страницу вместо поста ajax

0

У меня такая форма:

    <form action="Home/Index" id="contactform" onSubmit="javascript:postContactForm();return false;">    
    <p>
     <input class="textfield form-controld" data-val="true" data-val-length="The Name must be 50 characters or less" data-val-length-max="50" data-val-regex="The Name should not contain special characters" data-val-regex-pattern="^[A-Za-z0-9-_ ]+$" data-val-required="The Name field is required." id="Name" name="Name" placeholder="Name" type="text" value="" />
     <div class="error-holder"><span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span></div>
    </p>

   //some more fields
    </form>

Простой пост-функционал:

function postContactForm() {

        if (!$("#contactform").valid())
            return false;

        //doing post
    }

Я тестировал форму, которая работает с любым браузером, включая мобильные браузеры.

Но в IE8 независимо от того, какая форма действительна или нет, браузер просто перезагружает форму + добавляет post params в строку запроса.

Как вы это исправите?

UPDATE: пытался добавить method="POST" в том случае, когда форма still reloaded в IE8, но без ввода параметров в строку запроса.

user2926340 04 янв. 2014, в 12:25

Источник

0

Тщательно закройте тег формы </from> на </form>
Anup 04 янв. 2014, в 10:58
0

@Anup на реальном сайте это правильно, поэтому я исправлю это и здесь
sreginogemoh 04 янв. 2014, в 11:40
0

Я давно не пользовался on[event]=... , поэтому не могу сказать, может ли следующее быть проблемой в IE, но вам не нужен javascript: там, потому что он уже известен что это javascript (я даже не знаю, допустим ли javascript: в этом месте). Проблема все еще существует, если вы просто напишите onSubmit="postContactForm();return false;" ?
t.niese 04 янв. 2014, в 11:45
0

@ t.niese это ужасный совет. jQuery, который использует OP, уже нормализует события в браузерах. OP, какую версию jQuery вы используете в любом случае?
Benjamin Gruenbaum 04 янв. 2014, в 11:52
0

@BenjaminGruenbaum Я знаю, что OP использует jQuery, но как onSubmit="javascript:postContactForm();return false;" используется в размещенном коде вместо jQuery, быстрая проверка была бы удалить javascript: Если это все равно не удается, скорее всего, есть исключение, которое происходит в postContactForm() .
t.niese 04 янв. 2014, в 11:55
0

Похоже, это не имеет значения onSubmit="javascript:postContactForm();return false;" ИЛИ onSubmit="postContactForm();return false;" ИЛИ ДАЖЕ onSubmit="return postContactForm();"
sreginogemoh 04 янв. 2014, в 12:04

Показать ещё 4 комментария

Теги:

javascript

jquery

html

post

internet-explorer-8

2 ответа

Ещё вопросы

Тщательно закройте тег формы </from> на </form>
@Anup на реальном сайте это правильно, поэтому я исправлю это и здесь
Я давно не пользовался on[event]=... , поэтому не могу сказать, может ли следующее быть проблемой в IE, но вам не нужен javascript: там, потому что он уже известен что это javascript (я даже не знаю, допустим ли javascript: в этом месте). Проблема все еще существует, если вы просто напишите onSubmit="postContactForm();return false;" ?
@ t.niese это ужасный совет. jQuery, который использует OP, уже нормализует события в браузерах. OP, какую версию jQuery вы используете в любом случае?
@BenjaminGruenbaum Я знаю, что OP использует jQuery, но как onSubmit="javascript:postContactForm();return false;" используется в размещенном коде вместо jQuery, быстрая проверка была бы удалить javascript: Если это все равно не удается, скорее всего, есть исключение, которое происходит в postContactForm() .
Похоже, это не имеет значения onSubmit="javascript:postContactForm();return false;" ИЛИ onSubmit="postContactForm();return false;" ИЛИ ДАЖЕ onSubmit="return postContactForm();"

a better oliver · Answer 1 · 2014-01-04T11-59-00.000Z

Возможно, остальная часть вашего кода (//doing post) вызывает ошибку в IE8. Форма будет представлена в этом случае, поскольку return false не будет достигнут.

Red Taz · Answer 2 · 2014-01-04T10-43-00.000Z

Измените атрибут onSubmit чтобы вернуть значение вашей функции.

<form action="Home/Index" id="contactform" onSubmit="return postContactForm();">

Или, если вы хотите использовать javascript: обозначение, которое было бы

<form action="Home/Index" id="contactform" onSubmit="javascript: return postContactForm();">

Полный рабочий пример ниже (протестирован в FireFox, IE7 и IE8)

<script type="text/javascript">
    function postContactForm() {
        return false;
    }
</script>

<form action="Home/Index" id="contactform" onSubmit="return postContactForm();">    
    <p>
        <input class="textfield form-controld" data-val="true" data-val-length="The Name must be 50 characters or less" data-val-length-max="50" data-val-regex="The Name should not contain special characters" data-val-regex-pattern="^[A-Za-z0-9-_ ]+$" data-val-required="The Name field is required." id="Name" name="Name" placeholder="Name" type="text" value="" />
        <div class="error-holder"><span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span></div>

        <input type="submit" value="Submit">
    </p>
</form>

Пожалуйста, смотрите обновление. Если он все еще не работает, убедитесь, что !$("#contactform").valid() возвращает false и запустите вашу разметку через валидатор, чтобы убедиться, что он не поврежден.