CODEWITHSUNDEEP
jqueryajax
jai
jai

Reputation: 547

jquery validation form with ajax loaded form

I have a form with jquery validation .After submitting the form I load the same form through Ajax . My problem is jquery validation is not working for ajax loaded form . I have tried some answers of the stack overflow but unfortunate not working .

Thanks Az

Upvotes: 5

Views: 7250

Answers (3)

shilpi Singh
shilpi Singh

Reputation: 402

use on function. .

example:

 $(document.body).on('click', '.submitBtn', function(){
       $("#form").validate({
          submitHandler: function() {
              // do anything
         } 
    });
 });

Upvotes: 5

Amitav Roy
Amitav Roy

Reputation: 761

From the description it looks like the new DOM elements are giving you the problem. This is a very common problem. What you need to do is - if you validation is running on a button's click function then change that from .click to .live function. = http://api.jquery.com/live/

This function also validates the new DOM elements. The click function will only work on those elements which were present in the initial DOM.

If you are still having problem, share the code.

Upvotes: 1

Barmar
Barmar

Reputation: 781716

After you load the new form into the DOM, you need to reinitialize the validation plugin on it, since it's a different DOM element from the one that you previously loaded. You need to do this in the AJAX callback function that loads the new HTML into the DOM.

Upvotes: 0

Related Questions