I have 2 submit buttons on ASP.NET MVC form:
@using (Html.BeginForm("ApplicationDriverForm", "ApplicationDriver", routeValues: new { CompanyUniqueString = Model.CompanyUniqueString }, method: FormMethod.Post, htmlAttributes: new { id="appForm1", name="appForm1" }))
{
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" name="btnSave" id="btnSave" value="Save - but don't send" class="btn btn-default" />
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" name="btnSend" id="btnSend" value="Send" class="btn btn-default" />
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
$('btnSave').on('click', function () {
ev.preventDefault();
$('input[id=@Html.IdFor(model=>model.Status)]').val('@Domain.StaticStrings.ApplicationDriverStatusStrings.Processing');
if ($(this).valid())
$('#appForm1').submit();
});
$('btnSend').on('click', function () {
ev.preventDefault();
$('input[id=@Html.IdFor(model=>model.Status)]').val('@Domain.StaticStrings.ApplicationDriverStatusStrings.Submit');
if ($(this).valid())
$('#appForm1').submit();
});
});
</script>
You're calling ev.preventDefault()
, but ev
is undefined, because your handler functions don't take the event as a parameter. Change it to:
$('btnSave').on('click', function (ev) {
And
$('btnSend').on('click', function (ev) {