How to link HTML5 form action to Controller ActionResult method in ASP NET MVC 4

Question

I have a basic form for which I want to handle buttons inside the form by calling the ActionResult method in the View s associated Controller class  Here is the following HTML5 code for the form    lt h2 gt Welcome lt  h2 gt    lt div gt        lt h3 gt Login lt  h3 gt        lt form method  post  action   lt  -- what goes here -- gt   gt          Username   lt input type  text  name  username    gt   lt br   gt          Password   lt input type  text  name  password    gt   lt br   gt           lt input type  submit  value  Login  gt           lt input type  submit  value  Create Account   gt       lt  form gt    lt  div gt    lt  -- more code     -- gt    The corresponding Controller code is the following    HttpPost  public ActionResult MyAction string input  FormCollection collection        switch  input                case  Login                  do some stuff                break          case  Create Account                 do some other stuff                break             return View

User · Answer

Here I m basically wrapping a button in a link  The advantage is that you can post to different action methods in the same form     lt a href  Controller ActionMethod  gt       lt input type  button  value  Click Me    gt   lt  a gt    Adding parameters    lt a href  Controller ActionMethod userName ted  gt       lt input type  button  value  Click Me    gt   lt  a gt    Adding parameters from a non-enumerated Model    lt a href  Controller ActionMethod userName  Model UserName  gt       lt input type  button  value  Click Me    gt   lt  a gt    You can do the same for an enumerated Model too  You would just have to reference a single entity first  Happy Coding

User · Answer

you make the use of the HTML Helper and have       using Html BeginForm                  Username   lt input type  text  name  username    gt   lt br   gt          Password   lt input type  text  name  password    gt   lt br   gt           lt input type  submit  value  Login  gt           lt input type  submit  value  Create Account   gt          or use the Url helper   lt form method  post  action   Url Action  MyAction    MyController     gt    Html BeginForm has several  13  overrides where you can specify more information  for example  a normal use when uploading files is using    using Html BeginForm  myaction    mycontroller   FormMethod Post  new  enctype    multipart form-data            lt       gt        If you don t specify any arguments  the Html BeginForm   will create a POST form that points to your current controller and current action  As an example  let s say you have a controller called Posts and an action called Delete  public ActionResult Delete int id       var model   db GetPostById id      return View model       HttpPost  public ActionResult Delete int id        var model   db GetPostById id       if model    null           db DeletePost id        return RedirectToView  Index        and your html page would be something like    lt h2 gt Are you sure you want to delete  lt  h2 gt   lt p gt The Post named  lt strong gt  Model Title lt  strong gt  will be deleted  lt  p gt    using Html BeginForm           lt input type  submit  class  btn btn-danger  value  Delete Post   gt       lt text gt or lt  text gt       Url ActionLink  go to list    Index

[asp.net-mvc] How to link HTML5 form action to Controller ActionResult method in ASP.NET MVC 4

Examples related to asp.net-mvc

Examples related to html

Examples related to asp.net-mvc-4

Examples related to razor