MVC 3 dataannotations validation working with custom jQuery validation

Question

I have an MVC application that uses data annotations validation. I also have on button submit some manual jQuery validation. I want the submit button to hide when my jQuery validation has passed and the unobtrusive validation implemented by the framework passes.

This is the code I have:

$('#btnSubmit').click(function () {
    if (!$('#Terms').is(':checked')) {
        $('.termsLabel').animate({ color: "#c71040" }, 'slow');
        $('.termsLabel a').animate({ color: "#c71040" }, 'slow');
        return false;
    }

    if ($('.wordCount').hasClass('error')) {
        $('.caption label').animate({ color: "#c71040" }, 'slow');
        return false;
    }

    if ($(form).valid()) {
        $('#btnSubmit').hide();
        $('#submitting').show();
    }

});

The (form).valid() method always seems to return false (and the hide / show is never executed) even when the form is posting.

The reason I'm doing this is I'm allowing the users to upload an image, and I don't want the user to be able to click more than once.

Any help - appreciated.

Where is form defined? $(form) seems incorrect.

Kyle Nunery
– Kyle Nunery

2012-03-21 03:11:23 +00:00
Commented Mar 21, 2012 at 3:11 — Kyle Nunery
– Kyle Nunery, Commented Mar 21, 2012 at 3:11

Paul · Accepted Answer · 2012-03-21 03:09:54Z

1

I'll answer my own question.

On the form:

@using (Html.BeginForm("MyAction", "MyController", FormMethod.Post, new { @ID = "MyForm" }))

And then:

$('#MyForm').validate();

    if ($('#MyForm').valid()) {
        $('#btnSubmit').hide();
        $('#submitting').show();
    }

The problem was I didn't give my form a name, and didn't call .validate()

answered Mar 21, 2012 at 3:09

Paul

3,1526 gold badges39 silver badges60 bronze badges

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

Collectives™ on Stack Overflow

MVC 3 dataannotations validation working with custom jQuery validation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related