How to run a script after client validation in asp.net mvc

Question

I am disabling my submit buttons when submitting a form, for preventing the user to submit the form multiple times.

$(function ()
{
    $("form").submit(function ()
    {
        $(":submit", this).attr("disabled", "disabled");
    });
});

But if the client validation fails I want to enable the button again. I am using asp.net mvc unobtrusive client validation

score 2 · Accepted Answer · edited May 23 '17 at 12:31

2

You can use the jQuery One event as detailed in this answer.

Most solutions to this issue revolve around testing $("form").valid() - you could probably use this in your function to determine whether to disable the submit button.

edited May 23 '17 at 12:31

Community

1
1

answered Apr 06 '11 at 11:14

Timbo

4,505
2
26
29

If it is the only form on the page, there should be e global boolean variable "Page_IsValid" you can use to determine if the button should be disabled. The client side validation API is explained here: http://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside – geon Apr 06 '11 at 11:27

score 0 · Answer 2 · answered Apr 06 '11 at 13:02

You have to check if there is any error before disabling the submit button

$('#myform').submit(function () {
    if ($(this).find('.input-validation-error').length == 0) {
        $(this).find(':submit').attr('disabled', 'disabled');
    }
});

Hope it helps!

How to run a script after client validation in asp.net mvc

2 Answers2