You are right ! Thank you very much for your help, Jörn :)
On 27 juin, 14:56, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > Try to put the script you load into the ajaxSubmit-success-callback, > instead of loading it together with the HTML. That should be much more > reliable. > > Jörn > > On Fri, Jun 27, 2008 at 2:43 PM, Fred Boucher <[EMAIL PROTECTED]> wrote: > > > I have a problem using two plugins with Jquery : > >http://bassistance.de/jquery-plugins/jquery-plugin-validation/ > > and > >http://www.malsup.com/jquery/form/#code-samples > > > I have a form where I need to check if fields are wrong or not (with > > jquery Plugin Validation). > > When the form is submitted and all fields ok, I need to load a page > > into a div ('#response) using ajaxSubmit (from > >http://www.malsup.com/jquery/form/#code-samples). > > > Here is my code : > > jQuery(function() { > > $('#response').css({ display: "none"}); > > var container = $('div#errors'); > > > $("#Form1").validate({ > > errorContainer: container, > > errorLabelContainer: $("ul", container), > > wrapper: 'li', > > meta: "validate", > > submitHandler: function(form) { > > $(form).ajaxSubmit({ > > target: "#response" > > }); > > $('#response').show(); > > } > > }); > > }); > > > The code above works very fine everywhere. > > > But... the content into the div called is also another form, whitch > > get POST datas from the first form. > > If contents are shown right in IE and FF, it is as if IE didn't load > > the javascript included in the ajax content loaded. > > I have absolutly no errors with Firebug and js console, but IE tells > > me there are errors. > > > Here is the content of the div loaded : > > <script type="text/javascript" src="includes/js/paiement.js"></script> > > > <div> > > <div style="float:right;"> > > <img src="images/icons/close.png" alt="close" id="reset" /> > > </div> > > <form action="#" method="post" id="FormPaiement"> > > fields of form are here, I don't detail them > > </form> > > </div> > > > And here is the content of paiement.js : > > > $(document).ready(function() { > > var container = $('div#errorsFormPaiement'); > > > $("#FormPaiement").validate({ > > errorContainer: container, > > errorLabelContainer: $("ul", container), > > wrapper: 'li', > > meta: "validate", > > submitHandler: function(form) { > > alert('everything is ok, félicitations !'); > > } > > }); > > > $("#reset").click(function() { > > $("#FormPaiement").resetForm(); > > $('#response').hide(); > > }); > > }); > > > What is the problem with IE ? > > When I click on #reset element, IE does not do anything, and when i > > submit empty form, it does not validate the second form. > > It is as if js is not loaded. > > > I tried to include js in anothers ways, encapsuled into <script> and </ > > script>, or included in the head of my main page, but nothing more > > better. > > > What did I do wrong for it does not work in IE ? > > > Sorry for my english, I hope you can understand everything as I tried > > to explain them.
