I'm struggling with my bootstrap modal. Whenever I click the submit button, the page refreshes and the modal disappears. How can I keep the modal open after clicking the submit button to display either a success or error message? I am new to MVC and haven't been able to solve this issue.
Here's my modal:
<div class="modal fade" id="signin_modal">
<div class="modal-dialog">
<div class="modal-content">
<div class=" modal-header">
Create An Account
</div>
<div class="modal-body">
@using (Html.BeginForm("Login", "Home", FormMethod.Post))
{
<table>
<tr><td>@Html.Label("username", null, new { style = " font-size:12px; font-weight:normal; font-family:consolas; " })</td></tr>
<tr><td>@Html.TextBox("name", null, new { style = " width:200px; height:30px; " })</td></tr>
<tr> </tr>
<tr><td>@Html.Label("password", null, new { style = " font-size:12px; font-weight:normal; font-family:consolas; " })</td></tr>
<tr><td>@Html.TextBox("password", null, new { style = " width:200px; height:30px " })</td></tr>
</table>
}
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Sign in</button>
@*<button type="reset" class="btn btn-warning">Reset</button>*@
<button type="reset" class="btn btn-default">Reset</button>
</div>
</div>
</div>
</div>