Как предотвратить обратную передачу в beginform asp.net mvc

Question

На мой взгляд, у меня есть начальная форма, которая имеет две кнопки: одну для сохранения и одну для отмены. Когда нажимается «Сохранить», он проверяет данные в форме, управляет как стороной на стороне клиента, так и сервером, и обратной связью с контроллером. Проблема заключается в том, когда я нажимаю «Сохранить» или «Отменить», он пытается проверить данные и отображает сводку проверки. Однако я хочу предотвратить обратную передачу и проверку, когда нажата кнопка отмены. В кнопке отмены я вызываю функцию javascript с именем Cancel(), которая вызывает 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

<button type="button" onclick="javascript:Cancel();">Cancel</button>