Question

在我看来，我有一个beginform，它有两个按钮，一个用于保存，一个用于取消。单击“保存”时，它将验证表单中的数据控制客户端和服务器端，并回发到控制器。问题是，当我单击“保存”或“取消”时，它会尝试验证数据并显示验证摘要。但是，我想在单击取消按钮时阻止回发和验证。在取消按钮中，我调用一个名为Cancel（）的javascript函数，该函数调用window.history.back（-1）;它仍然试图回发。以下是我的代码。如果我从表单中移除取消按钮，那么它不会回发，但随后样式混乱，因为我想要并排保存和取消按钮

 <div id="updateusercreds" class="items">
                    @using (Html.BeginForm("SaveCustomer", "NewCustomer"))
                    {
                     <div>
                        @Html.LabelFor(x => x.Address.Email)
                        <span>
                            @Html.Kendo().TextBoxFor(model => model.Address.Email)
                        </span>
                    </div>
                    <div>
                    @Html.LabelFor(x => x.Address.Company)
                    <span>
                        @Html.Kendo().TextBoxFor(model => model.Address.Company)
                    </span>
                    </div>

                    <div>
                        @Html.LabelFor(x => x.Address.StreetAddress1, "Street Address")
                        <span>
                            @Html.Kendo().TextBoxFor(model => model.Address.StreetAddress1)
                            <br/>
                            @Html.Kendo().TextBoxFor(model => model.Address.StreetAddress2)
                        </span>
                    </div>

                    <div>
                    @Html.LabelFor(x => x.Address.Fax)
                    <span>
                        @Html.Kendo().TextBoxFor(model => model.Address.Fax)
                    </span>
                    </div>
                    @Html.ValidationSummary()
                    @Html.TradeUI().NotificationSummary()

                    <div class="tti-actions">
                        <button type="submit">Save</button> 
                        <button onclick="javascript:Cancel();">Cancel</button>                             
                    </div>
                    }

                </div>

Answer 1

将按钮类型设置为<button type="button" onclick="javascript:Cancel();">Cancel</button>

{{1}}

如何在beginform asp.net mvc

1 个答案: