How to Use a normal link to submit a form
By Tan Lee Published on Feb 16, 2024 393
This post shows you How to submit a POST form using the <a href="..."> tag.
By default, In ASP.NET Core you can see your logout form as shown below.
<form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })"> <button type="submit" class="nav-link btn btn-link text-dark">Logout</button> </form>
If you want to use hyperlink to submit a form you can modify your html code as shown below.
<form asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Login", "Account", new { area = "Identity" })"> <a onclick="this.parentNode.submit();" class="dropdown-item btn btn-outline-grey btn-h-lighter-secondary btn-a-lighter-secondary"> <i class="fa fa-power-off text-warning-d1 text-105 mr-1"></i> Logout </a> </form>
As you can see, I'm using a link tag to submit a form with JavaScript by clicking a link.
- How to Initialize TagHelpers in ASP.NET Core with Shared Data
- Boost Your ASP.NET Core Website Performance with .NET Profiler
- The name 'Session' does not exist in the current context
- Implementing Two-Factor Authentication with Google Authenticator in ASP.NET Core
- How to securely reverse-proxy ASP.NET Core
- How to Retrieve Client IP in ASP.NET Core Behind a Reverse Proxy
- Only one parameter per action may be bound from body in ASP.NET Core
- The request matched multiple endpoints in ASP.NET Core
Categories
Popular Posts
11 Things You Didn't Know About Cloudflare
Dec 19, 2024
Gentella Admin Template
Nov 14, 2024
Focus Admin Dashboard Template
Nov 18, 2024