HTML button calling an MVC Controller and Action method

Question

I know this isn t right  but for the sake of illustration I d like to do something like this    lt    Html Button  Action    Controller     gt    My goal is to make an HTML button that will call my MVC controller s action method

User · Answer

Try this    Html ActionLink  DisplayText    Action    Controller   route  attribute    This should work for you

User · Answer

lt button type  button  onclick  location href   Url Action  MyAction    MyController       gt    type  button  prevents page from submitting  instead it performs your action

User · Answer

Of all the suggestions  nobdy used the razor syntax  this is with bootstrap styles as well   This will make a button that redirects to the Login view in the Account controller       lt form gt           lt button class  quot btn btn-primary quot  asp-action  quot Login quot  asp-     controller  quot Account quot  gt  Localizer  quot Login quot   lt  button gt       lt  form gt

User · Answer

Building on couple of the above answers  you could do this    lt button onclick  location href   Url Action  ActionName    ControllerName       gt

User · Answer

When you implement the action in the controller  use  return View  Index      or  return RedirectToAction  Index      where Index cshtml  or the page that generates the action  page is already defined  Otherwise you are likely encountering  the view or its master was not found     error   Source  https   blogs msdn microsoft com aspnetue 2010 09 17 best-practices-for-asp-net-mvc

User · Answer

it s better use this example                      x000D   x000D   lt a href   Url Action  Register   Account   new  id Item id     x000D  class  btn btn-primary btn-lg  gt Register lt  a gt  x000D   x000D   x000D

User · Answer

So  I m using Razor but this will work using either  I m basically wrapping a button in a link     lt a href  Controller ActionMethod  gt       lt input type  button  value  Click Me    gt   lt  a gt

User · Answer

In case if you are getting an error as  unterminated string constant   use the following razor syntax     lt input type  button  onclick     location href     Url Action  Index   Test            gt

User · Answer

No need to use a form at all unless you want to post to the action  An input button  not submit  will do the trick      lt input type  button           value  Go Somewhere Else           onclick  location href   lt    Url Action  Action    Controller     gt      gt

User · Answer

Razor syntax is here    lt input type  button  value  Create  onclick  location href   Url Action  Create    User       gt

User · Answer

The HTML  lt button gt  element can only postback to the form containing it   Therefore  you need to make a form that POSTs to the action  then put a  lt button gt  or  lt input type  submit    gt  in the form

User · Answer

Use this example     lt button name  nameButton  id  idButton  title  your title  class  btn btn-secondary  onclick  location href   Url Action   Index   Controller  new    id   Item id     return false   gt valueButton lt  button gt

User · Answer

OK  you basically need to pass the action to the button and call it when click happens  it doesn t need to be inside a from   you can use HTML onclick on button to trigger it when the button get clicked      lt button id  my-button  onclick  location href   Url Action  YourActionName    YourControllerName     gt Submit lt  button gt

User · Answer

You can always play around with htmlHelpers and build some stuff      public static IHtmlContent BtnWithAction this IHtmlHelper htmlHelper  string id  string text  string css     string action     string controller                   try                       string str      lt button id    id    class    css    type   button       gt  text  lt  button gt                if   string IsNullOrEmpty action   amp  amp   string IsNullOrEmpty controller                                                     string url     TagBuilder htmlHelper ActionLink  dummy   action  controller   Attributes  href                    var click    string IsNullOrEmpty url      onclick   location href   url        string Empty                  return new HtmlString str Replace        click                              return new HtmlString str Replace        string Empty                      catch  Exception ex                        Log Error ex  ex Message               var fkup     lt script gt alert   assumption is the mother of all failures    lt  script gt                return new HtmlString fkup                     And then on the view call it like this   Html BtnWithAction  btnCaretakerBack    Back    btn btn-primary float-right    Index    Caretakers

User · Answer

If you are in home page    Home Index   and you would like to call Index action of Admin controller  following would work for you    lt li gt  lt a href   Admin Index  gt Admin lt  a gt  lt  li gt

User · Answer

it s better use this example   Call action and controller using a ActionLink    Html ActionLink  Submit    Action    Controller   route  new    class    btn btn-block

User · Answer

Despite onclick Method you can also use formaction as follows     lt button type  submit  id  button1  name  button1  formaction   Url Action  Action    Controller    gt Save lt  button gt

User · Answer

You can use Url Action to specify generate the url to a controller action  so you could use either of the following    lt form method  post  action   lt    Url Action  About    Home     gt   gt      lt input type  submit  value  Click me to go to  Home About    gt   lt  form gt    or    lt form action     gt     lt input type  submit  onclick  parent location   lt    Url Action  About    Home     gt   return false   value  Click me to go to  Home About    gt     lt input type  submit  onclick  parent location   lt    Url Action  Register    Account     gt   return false   value  Click me to go to  Account Register    gt   lt  form gt

User · Answer

This is how you can submit your form to a specific controller and action method in Razor     lt input type  submit  value  Upload  onclick  location href   Url Action  ActionName    ControllerName       gt

[html] HTML button calling an MVC Controller and Action method

Examples related to html

Examples related to asp.net-mvc