Элементы формы <input> работают в Chrome, но не в IE

У меня проблемы с элементами формы Вход в приложении ASP.NET MVC. Кнопки ввода «Добавить» и «Удалить» правильно работают в Chrome, но не в IE.

Мы используем IE 11 и Chrome 66

  • В Chrome, когда я нажимаю кнопку «Добавить» или «Удалить», действие MVC определенно выполняется.
  • В IE, когда я нажимаю любую из этих кнопок, мне кажется, что представление просто перезагружается.
  • Кнопка «Отмена» (которая просто возвращает пользователя на домашнюю страницу) отлично работает в обоих браузерах.

Вот визуализированный HTML:

<form action = "/MyController/ActionWindow" method = "post"><input name = "__RequestVerificationToken" type = "hidden" value = "[TOKEN]" />    
    <table width = "80%">
        <tr align = "left">
            <th>
                Desired Action:
            </th>
        </tr>
        <tr align = "left">
            <td>
                <table>
                    <tr align = "left">
                        <td width = "100">
                            <input type = "submit" formmethod = "post" formaction = "/MyController/AddItem" value = "Add Group" name = "Add" id = "submit" />
                        </td>
                        <td width = "100">
                            <input type = "submit" formmethod = "post" formaction = "/MyController/RemoveItem" value = "Remove Group" name = "Remove" id = "submit" />
                        </td>
                        <td width = "100">
                            <input type = "button" value = "Cancel" onclick = "Cancel();" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</form>

Ваш код мне кажется правильным ... и в IE 10+ поддерживается formaction, пробовали ли вы удалить токен защиты от подделки, чтобы убедиться, что это не вызывает никаких проблем?

Hooman Bahreini 13.11.2018 22:58

Имя контроллера в действии не может содержать слово Controller. Можно попробовать изменить действие как /My/ActionWindow? Это не может зависеть от браузера, но попытка не повредит.

Vinit Divekar 14.11.2018 00:28

Попробуйте использовать инструменты разработчика F12, чтобы проверить, нет ли в нем ошибки?

Zhi Lv 14.11.2018 03:47

две кнопки имеют одинаковый идентификатор (id = "submit"). Может ли это быть проблемой?

Sergiu Muresan 14.11.2018 15:07

@SergiuMuresan - Спасибо за предложение. Я попытался назначить отдельные идентификаторы входным элементам, но поведение осталось прежним.

Mike Bruno 14.11.2018 15:30
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
5
344
0

Другие вопросы по теме