submitting form using hyperlink instead of button

Question

I have created a link for deletion in asp.net mvc3 razor view like this:

 <td>
                @Html.ActionLink("Edit", "EditCategory", new { id = item.CategoryId }) |
                @Html.ActionLink("Details", "Details", new { id = item.CategoryId }) |

                @using (Html.BeginForm("Delete", "Admin"))
                {
                    @Html.Hidden("id", item.CategoryId)
                    <input type="submit" value="Delete" />
                }
            </td>

and created an action method like this:

 [HttpPost]
        public ActionResult Delete(int Id)
        {

            Category category = repository.Categories().FirstOrDefault(c => c.CategoryId == Id);
            if (category != null)
            {
                repository.DeleteCategory(category);
                TempData["message"] = string.Format("{0} was deleted", category.CategoryName);
            }
            return RedirectToAction("Categories");
        }

It works fine. but I want to use hyperlink for delete as I am using for edit and details. How can I replace the button with actuionlink. I tried that but it is not going in delete post action link and I am getting view not found error.

Your delete action must bring you to a page where you implement AntiForgeryToken and a confirmation to delete. This is essential to prevent CSRF (cross site request forgery) type attacks. — Adam Tuliper
– Adam Tuliper, Commented Oct 24, 2011 at 14:17

Jen Grant · Accepted Answer · 2011-10-24 14:50:36Z

4

You can make it look like a link instead of a button ussing css, something like this.

<input type="submit" value="delete" style="border: none; background: none; 
                                           text-decoration: underline; 
                                           cursor: pointer;">

answered Oct 24, 2011 at 14:50

Jen Grant

2,07416 silver badges14 bronze badges

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

Comments

Hector Correa · Accepted Answer · 2011-10-24 14:12:27Z

2

Be careful not to make your Delete actions available via an HTTP GET. The HTTP spec recommends that HTTP POST is used for destructive actions (like a delete.) This prevents web crawlers from executing them.

By default hyperlinks issue HTTP GET. If you change your Delete action to a hyperlink make sure you override its behavior (via JavaScript) to issue a HTTP POST. Then you need to consider what happens if the browser has JavaScript turned off.

Another approach that you might want to consider is to [[make your Delete button look like a hyperlink via CSS styles[1]].

[1] http://www.xlevel.org.uk/post/How-to-style-a-HTML-Form-button-as-a-Hyperlink-using-CSS.aspx

answered Oct 24, 2011 at 14:12

Hector Correa

26.7k8 gold badges61 silver badges76 bronze badges

Collectives™ on Stack Overflow

submitting form using hyperlink instead of button

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related