ASP.NET MVC Form: Can submit with ENTER key but not Submit button

Question

I'm trying to implement a simple search form in ASP.NET MVC. Right now my cshtml looks like this

@using (Html.BeginForm("SearchDemo", "Home", FormMethod.Post))
{
    <div>
        Last Name:<br>
        <input type="text" id="nameToFind" name="nameToFind">

        <input type="button" id="submitId" name="submit" value="submit" />

    </div>
}

And my controller looks like this

[HttpPost]
public ActionResult SearchDemo(string nameToFind)
{
    return RedirectToAction("Register", "Account"); //Only redirecting for now to test
}

Pressing the submit button does not call the controller but pressing ENTER does. I'm guessing that means my click event is getting eaten by JavaScript or something so I tried to pause script execution in Chrome but realized browserlink.js is stuck in an infinite loop. Is that the problem? Either way, how can I stop the infinite loop?

Orel Eraki · Accepted Answer · 2016-11-13 17:52:26Z

7

Browser doesn't know to use this button as submit.

Change

type="button"

To

type="submit"

answered Nov 13, 2016 at 17:52

Orel Eraki

12.2k4 gold badges31 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

James Haug Over a year ago

Alternatively, you can use <button>Submit(or some other text)</button> to create a submit button. To prevent submit, add type="button" to the button tag (you can technically also add type="submit" to a button, but there's never really a reason to.

CodeNotFound · Accepted Answer · 2016-11-13 18:51:45Z

1

Instead of setting the type as "button"

<input type="button" id="submitId" name="submit" value="submit" />

Change the type to submit

edited Nov 13, 2016 at 18:51

CodeNotFound

23.4k10 gold badges75 silver badges73 bronze badges

answered Nov 13, 2016 at 17:56

Sravan Dudyalu

1853 silver badges15 bronze badges

Comments

akasoggybunz · Accepted Answer · 2016-11-13 17:52:38Z

-3

<input type="button" id="submitId" name="submit" value="submit" formmethod="post" value="Submit using POST"/>

You need a formmethod of post in your input. So that the button knows to post back. You also need a value attribute. This will be a reference to the Function name within the controller. w3 reference

answered Nov 13, 2016 at 17:52

akasoggybunz

3447 silver badges21 bronze badges

2 Comments

James Haug Over a year ago

formmethod isn't required if the form element already has a method attribute. This also doesn't fix the type="button" which is the real issue.

akasoggybunz Over a year ago

Yeah i agree with you. He should change type="submit"

Collectives™ on Stack Overflow

ASP.NET MVC Form: Can submit with ENTER key but not Submit button

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related