form elements work in Chrome but not in IE

I'm having some trouble with input form elements in an ASP.NET MVC app. The "Add" and "Remove" input buttons work properly in Chrome, but not in IE.

We're using IE 11 and Chrome 66

In Chrome, when I click the Add or Remove button, the MVC Action is definitely executed

In IE, when I click either of these buttons, it seems that the View is just re-loaded.

The "Cancel" button (which just returns the user to the homepage) works fine in both browsers.

Here is the rendered 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>

asked Nov 13 '18 at 19:22

Mike Bruno

408

Your code looks right to me...and formaction is supported in IE 10+, have you tried removing the anti-forgery token, to make sure that is not causing any problem?

– Hooman Bahreini
Nov 13 '18 at 21:58

The Controller name in action may not contain the word Controller. Can you try changing the action as /My/ActionWindow ? This cannot be browser dependent but no harm in trying.

– Vinit Divekar
Nov 13 '18 at 23:28

Try to use F12 developer tools to check whether it contains some error?

– Zhi Lv - MSFT
Nov 14 '18 at 2:47

the 2 buttons have the same id (id="submit") could this be the issue?

– Sergiu Muresan
Nov 14 '18 at 14:07

@SergiuMuresan - Thanks for the suggestion. I tried assigning separate IDs to the input elements, but the behavior was still the same.

– Mike Bruno
Nov 14 '18 at 14:30

add a comment |

I'm having some trouble with input form elements in an ASP.NET MVC app. The "Add" and "Remove" input buttons work properly in Chrome, but not in IE.

We're using IE 11 and Chrome 66

In Chrome, when I click the Add or Remove button, the MVC Action is definitely executed

In IE, when I click either of these buttons, it seems that the View is just re-loaded.

The "Cancel" button (which just returns the user to the homepage) works fine in both browsers.

Here is the rendered 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>

asked Nov 13 '18 at 19:22

Mike Bruno

408

Your code looks right to me...and formaction is supported in IE 10+, have you tried removing the anti-forgery token, to make sure that is not causing any problem?

– Hooman Bahreini
Nov 13 '18 at 21:58

The Controller name in action may not contain the word Controller. Can you try changing the action as /My/ActionWindow ? This cannot be browser dependent but no harm in trying.

– Vinit Divekar
Nov 13 '18 at 23:28

Try to use F12 developer tools to check whether it contains some error?

– Zhi Lv - MSFT
Nov 14 '18 at 2:47

the 2 buttons have the same id (id="submit") could this be the issue?

– Sergiu Muresan
Nov 14 '18 at 14:07

@SergiuMuresan - Thanks for the suggestion. I tried assigning separate IDs to the input elements, but the behavior was still the same.

– Mike Bruno
Nov 14 '18 at 14:30

add a comment |

I'm having some trouble with input form elements in an ASP.NET MVC app. The "Add" and "Remove" input buttons work properly in Chrome, but not in IE.

We're using IE 11 and Chrome 66

In Chrome, when I click the Add or Remove button, the MVC Action is definitely executed

In IE, when I click either of these buttons, it seems that the View is just re-loaded.

The "Cancel" button (which just returns the user to the homepage) works fine in both browsers.

Here is the rendered 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>

asked Nov 13 '18 at 19:22

Mike Bruno

408

I'm having some trouble with input form elements in an ASP.NET MVC app. The "Add" and "Remove" input buttons work properly in Chrome, but not in IE.

We're using IE 11 and Chrome 66

In Chrome, when I click the Add or Remove button, the MVC Action is definitely executed

In IE, when I click either of these buttons, it seems that the View is just re-loaded.

The "Cancel" button (which just returns the user to the homepage) works fine in both browsers.

Here is the rendered 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>

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

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

html asp.net-mvc forms google-chrome internet-explorer

asked Nov 13 '18 at 19:22

Mike Bruno

408

asked Nov 13 '18 at 19:22

Mike Bruno

408

asked Nov 13 '18 at 19:22

Mike Bruno

408

asked Nov 13 '18 at 19:22

Mike Bruno

408

asked Nov 13 '18 at 19:22

Mike Bruno

408

Your code looks right to me...and formaction is supported in IE 10+, have you tried removing the anti-forgery token, to make sure that is not causing any problem?

– Hooman Bahreini
Nov 13 '18 at 21:58

The Controller name in action may not contain the word Controller. Can you try changing the action as /My/ActionWindow ? This cannot be browser dependent but no harm in trying.

– Vinit Divekar
Nov 13 '18 at 23:28

Try to use F12 developer tools to check whether it contains some error?

– Zhi Lv - MSFT
Nov 14 '18 at 2:47

the 2 buttons have the same id (id="submit") could this be the issue?

– Sergiu Muresan
Nov 14 '18 at 14:07

@SergiuMuresan - Thanks for the suggestion. I tried assigning separate IDs to the input elements, but the behavior was still the same.

– Mike Bruno
Nov 14 '18 at 14:30

add a comment |

Your code looks right to me...and formaction is supported in IE 10+, have you tried removing the anti-forgery token, to make sure that is not causing any problem?

– Hooman Bahreini
Nov 13 '18 at 21:58

The Controller name in action may not contain the word Controller. Can you try changing the action as /My/ActionWindow ? This cannot be browser dependent but no harm in trying.

– Vinit Divekar
Nov 13 '18 at 23:28

Try to use F12 developer tools to check whether it contains some error?

– Zhi Lv - MSFT
Nov 14 '18 at 2:47

the 2 buttons have the same id (id="submit") could this be the issue?

– Sergiu Muresan
Nov 14 '18 at 14:07

@SergiuMuresan - Thanks for the suggestion. I tried assigning separate IDs to the input elements, but the behavior was still the same.

– Mike Bruno
Nov 14 '18 at 14:30

Your code looks right to me...and formaction is supported in IE 10+, have you tried removing the anti-forgery token, to make sure that is not causing any problem?

– Hooman Bahreini
Nov 13 '18 at 21:58

The Controller name in action may not contain the word Controller. Can you try changing the action as /My/ActionWindow ? This cannot be browser dependent but no harm in trying.

– Vinit Divekar
Nov 13 '18 at 23:28

Try to use F12 developer tools to check whether it contains some error?

– Zhi Lv - MSFT
Nov 14 '18 at 2:47

the 2 buttons have the same id (id="submit") could this be the issue?

– Sergiu Muresan
Nov 14 '18 at 14:07

@SergiuMuresan - Thanks for the suggestion. I tried assigning separate IDs to the input elements, but the behavior was still the same.

– Mike Bruno
Nov 14 '18 at 14:30

add a comment |

0

active

oldest

votes

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53288136%2finput-form-elements-work-in-chrome-but-not-in-ie%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

0

active

oldest

votes

0

active

oldest

votes

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Wsrtjtyk