I have a simple MVC4 form with Client Validation enabled:
@{ Html.EnableClientValidation(); }
@{ Html.EnableUnobtrusiveJavaScript(); }
@using (Html.BeginForm("Search", "Search", FormMethod.Post, new { id = "frmMain" }))
{
@Html.AntiForgeryToken() .....
<input type="submit" value="Search" id="btnSubmit" />
<script type="text/javascript">
$(document).ready(function () {
$('input[type=submit]').click(function (e) {
$(this).attr('disabled', true);
$(this).attr('value', 'Working');
$('#frmMain').submit();
});
});
You can hook this code into the form validator. Just make sure it executes AFTER the jquery.validator.unobtrusive.
<script>
$("#you-form-id").data("validator").settings.submitHandler = function(form) {
$("#submit-button").attr("disabled",true).val("Working");
form.submit();
};
</script>