mvc表单中的取消按钮

Cancel button in mvc form

本文关键字:取消 按钮 表单 mvc      更新时间:2023-09-26

我正在使用一个mvc表单,有一个"编辑"按钮,以及一个"保存"按钮。到目前为止,"edit"按钮允许用户编辑表单中的字段,但我还需要一个按钮来撤消所做的任何更改并将原始信息返回给用户。如何做到这一点?谢谢!

@using (Html.BeginForm("SaveAccount", "Location", FormMethod.Post, new { enctype = "multipart/form-data" }))
{ 
     some fields.....
                <button type="submit" name="EditAccount" id="EditAccount" value="Edit">Edit</button>
                <button type="submit" name="SaveAccount" id="SaveAccount" value="@Model.Location.Information">Save</button>
                <button type="submit" name="Cancel" id="Cancel" onclick="goBack()">Cancel</button>
}

 function goBack() {
    window.history.back();
};

这是我最后一次尝试解决这个问题。

将其放入表单中,无论何时单击它,表单输入都会重置它的值,但是,它不会返回到原始值。

<input type="reset" value="Reset">