Как избежать отправки формы для кнопки

Question

У меня есть две кнопки отправки и несколько текстовых полей на моей странице.Когда я ввожу детали в текстовое поле и нажимаю кнопку ввода, форма должна активировать кнопку запуска нового.Но форма активирует старую кнопку.Я не хочу добавлять on click к кнопке, потому что я проверяю некоторые условия и перенаправляю с моего контроллера.Что мне нужно сделать, чтобы моя кнопка не запускалась по умолчанию для кнопки старого значения при нажатии на кнопку ввода?

@using (Html.BeginForm("Index", "Application", FormMethod.Post)) 
{
    @Html.AntiForgeryToken()
    <div class="col aligncenter">          
        <div class="form-row topMargin">               
            <div class="col-md-6 form-group">
                @Html.TextBoxFor(model => model.Email)                    
            </div>
            <div class="col-md-4 form-group">
                @Html.TextBoxFor(model => model.FirsttName)                    
            </div>
            <div class="col-md-2 form-group">
                @Html.TextBoxFor(model => model.LastName)
             </div>
        </div>
        <div class="form-row">
            <div class="col-md-9 form-group text-right">
                <button class="btn" type="submit" name="old" value="old">Get History</button>
            </div>
            <div class="col-md-3 form-group text-right">
                <button class="btn" type="submit" name=newr" value="new">Start New</button>
            </div>
        </div>
    </div>
}

Answer 1

Ваши кнопки имеют type="submit", что означает, что они будут отправлять форму при нажатии. Вместо этого используйте type="button", чтобы избежать отправки формы. Вы также можете использовать type="reset", если хотите предоставить способ сброса ввода формы.

<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
  <button type="button">Just a button</button>
  <button type="submit">Submit</button>
  <button type="reset">Reset the form</button>
</form>

Answer 2

, чтобы отменить отправку формы через old button, просто измените button type с type="submit" на type="button"

<div class="form-row">
    <div class="col-md-9 form-group text-right">
        <button class="btn" type="btn" name="old" value="old">Get History</button>
    </div>
    <div class="col-md-3 form-group text-right">
        <button class="btn" type="submit" name=newr" value="new">Start New</button>
    </div>
</div>

обновление

вы можете дать Get History button a click event вы можете сделать Ajax call через javascript function и дать его, чтобы получить историю или связать свой controller action в ссылке привязки и