Call action depending on what button was clicked within form - asp.net-mvc

Question

I have a log in/register form with a button for each function
<div id="ManualLogin">
#using (Html.BeginForm(new { Controller = "Companies", Action = "ManualLogOn" }))
{
<fieldset>
<legend>Enter details</legend>
<div class="editor-label">
#Html.LabelFor(u => u.Name)
</div>
<div class="editor-field">
#Html.TextBoxFor(u => u.Name)
</div>
<div class="editor-label">
#Html.LabelFor(u => u.Password)
</div>
<div class="editor-field">
#Html.PasswordFor(u => u.Password)
</div>
<input type="submit" id="LogInButton" name="Command" value="Log in"/>
<input type="submit" id="RegisterButton" name="Command" value="Register"/>
<label id="ServerValidaiotnLabel">#ViewBag.Error</label>
</fieldset>
}
</div>
How can I change this to make it call an action depending on what button was clicked. (Log in / Register)

Answer 1

You can toggle form action on buttons click and submit form manually.
Here sample:
Changes in form markup:
<buttom id="LogInButton" data-action="#Url.Action("login", "user")" class="Command">Log in</button>
<button id="RegisterButton" data-action="#Url.Action("register", "user")" class="Command"></button>
jQuery:
<script type="text/javascript">
(function($){
$('form button.Command').on('click', function() {
var url = $(this).data('action');
$(this).closest('form').attr('action', url).submit();
});
})(jQuery)
</script>