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

Community · Accepted Answer · 2017-05-23 12:31:17Z

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, 2017 at 12:31

CommunityBot

11 silver badge

answered Apr 6, 2011 at 11:14

Timbo

4,5532 gold badges29 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

geon Over a year ago

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: msdn.microsoft.com/en-us/library/…

VinnyG · Accepted Answer · 2011-04-06 13:02:01Z

0

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!

answered Apr 6, 2011 at 13:02

VinnyG

6,9117 gold badges60 silver badges77 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related