jQuery: validation with ajax

Question

I'm using the jQuery validation plugin on a form loaded via ajax.

For whatever reason, it isn't working. Is there something special I need to do b/c it's loaded after js is initialized? Any ideas?

Edit:

Using the code from the plugin site:

$().ready(function() {
    // validate the comment form when it is submitted
    $("form").validate();
});

When are you calling validate()? It's hard to fix your code without seeing it. — Craig Stuntz
– Craig Stuntz, Commented Feb 10, 2010 at 21:59
You're right, Craig. I've tried several things--including copy/paste the demos from the plugin site. I can get it to work w/o the ajax, but it's a problem with ajax loading... — Kevin Brown
– Kevin Brown, Commented Feb 10, 2010 at 22:01

Craig Stuntz · Accepted Answer · 2010-02-10 22:08:03Z

1

When you load a form via AJAX, you can't use a ready event, because that only runs when the page initially loads. Instead, use the loaded callback, e.g.:

$("#formDiv").load("/Path/To/Form", function() { 
    $("#formDiv form").validate();
});

This ensures validate() is called after the AJAX call returns.

answered Feb 10, 2010 at 22:08

Craig Stuntz

127k12 gold badges257 silver badges275 bronze badges

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

Collectives™ on Stack Overflow

jQuery: validation with ajax

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