Cancel button in form

Question

I have a cancel button in a form:

@using (Html.BeginForm(\"ConfirmBid\",\"Auction\"))
        {
          some stuff ...

                    

        

Answer 1

<a href="@Url.Action("CancelBid", "Auction")"><img src="../../Content/css/img/btn-submit.png" class="btn-form" /></a>

Answer 2

<a href="/Auction/[ActionName]">
    <input type="image" src="@Url.Content("~/Content/css/img/btn-cancel.png")" class="btn-form" />
</a>

if you want to preserve its look as a button, you could do something like this:

<a href="/Auction/[ActionName]">
    <input type="button" value="Cancel">
</a>

where [ActionName] is the name of the action that will return your desired view.

Answer 3

Or a styled submit button:

<input type="submit" value="Save Form" name="Save" class="submit-button btn-form" /> 

Then Javascript for cancel button:

<input type="button" onclick="document.location.href('Home/Index')" value="Cancel" class="cancel-button btn-form" />
// Note: This avoids any of the validation that may happen in the model that 
// normally gets triggered with a submit