Home/ Questions/Q 7042741
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:12:18+00:00

I have a slight problem with usage of jquery validation plugin. It works perfectly

  • 0

I have a slight problem with usage of jquery validation plugin.

It works perfectly with static forms rendered during normal pageload.
The code I use for validation looks something likie this

$('#form_name).validate({ (...) and other stuff

The problem is when I use ajax request to create popup form with the same ID it won’t work.

I couldn’t find proper answer form this issue so I came here. I guess the $().live method could be usefull but I have no idea how to use it on no event like “click”, “submit” etc..

Ow and to prevent other questions the page where new ajax form is loaded is located somwhere else than the page where the static form is rendered so there is no conflicts of two identical forms on the same page.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have come across this problem before. Newly added ajax content may need the triggers reinitialising. There are several approaches you can take. Below is just one of them.

    put the javasciprt bind triggers inside a function and call it after the ajax request.

    <html>
<script type="text/javascript">

 // when page has loaded do the binds 
 $(document).ready(function(){
   initBinds();
 });

 // This is your ajax request psuedo code
 function someAjaxRequest(){

    // 1) do some ajax request then 
    // 2) load the data 
    // 3) after this has been done then call initBinds() 
          function to re-init new data with bind triggers
 }

function initBinds()    {
   $('#someID').bind('click', function(){
     // blah blah
   })


   $('#someOtherID').bind('click', function(){
     // blah blah
   })

}
</spript>

</html>
    • 0