Hi all, i have tried to transform a bind example to my situation, but i can't get it working. Via my menu, i load a form which i want to validate. ( with Validation plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Loading the form into my content div works fine, validation fails. maybe someone can give me a hint how to solve this? thanks in advance.... See my (small) code below: loaded javascript: <!-- jQuery en plugins --> <script src="JS/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="JS/jquery.validate.min.js" type="text/javascript"></ script> $(document).ready(function() { // Menu $('.sub li a').click(function(){ // test alert //alert("clicked on sub item.."); var toLoad = $(this).attr('href'); // test alert //alert("content to load: " + toLoad); got this alert $('#content').hide('normal',loadContent); $('#load').remove(); $('#wrapper').append('<span id="load">LOADING...</span>'); $('#load').fadeIn('normal'); function loadContent() { $('#content').load(toLoad,'',showNewContent()) } function showNewContent() { $('#content').show('normal',hideLoader()); } function hideLoader() { $('#load').fadeOut('normal'); } return false; }); // nieuwe speler...laadt aanmeld formulier $('#nieuwespeler').click(function(){ //alert("Nieuwe speler! howra"); Got this alert var toLoad = 'forms/registreren.php'; $('#content').hide('slow',loadContent); // fast, slow, normal or milliseconden?? $('#load').remove(); $('#content').append('<span id="load">LOADING...</span>'); $('#load').fadeIn('slow'); function loadContent() { $('#content').load(toLoad,'',showNewContent()) } function showNewContent() { $('#content').show('slow',hideLoader(),function(){ $("#registratieform").validate();// rebind valideer aanmeld formulier ??? });// fast, slow, normal or milliseconden?? } function hideLoader() { $('#load').fadeOut('slow'); } return false; }); }); And this is my form: <div id="register"> <fieldset> <legend>Nieuwe speler aanmaken</legend> <form id="registratieform" method="get" action=""> <input type="hidden" name="TMS_ToDo" value="NewUser" ><!-- wijzigen: nieuw=ja --> <input type="hidden" name="rdoHistory" value="pgn"><!-- vervallen? naar standaard instelling --> <input type="hidden" name="rdoTheme" value="beholder"><!-- vervallen? naar standaard instelling --> <label for="txtFirstName">Eigen voornaam:</label> <em>*</em><input id="txtFirstName" type="text" name="txtFirstName" class="required" size=15> <p> <label for="txtFirstName">Gewenste gebruikersnaam:</label> <em>*</em><input id="txtNick" type="text" name="txtNick" class="required" size=15 minlength="2"></p> <P> <label for="pwdPassword">Gewenst paswoord:</label> <em>*</em><input id="pwdPassword" type="password" name="pwdPassword" class="required" size=15 minlength="8"></p> <p> <label for="pwdPassword2">Herhaal paswoord:</label> <em>*</em><input id="pwdPassword2" type="password" name="pwdPassword2" size=15 class="required"></p> <p> <label for="email_newuser">Uw email adres:</label> <em>*</em><input id="email_newuser" type="text" name="email_newuser" size=15 class="required email"></p> <p> <p> <label for="agree">Ik ga accoord met gebruikersvoorwaarden</label> <input type="checkbox" id="agree" name="agree" /> <a href="#">Lees hier de gebruikersvoorwaarden!</a><!-- in popup! -- > </p> <button id="registreren" type="submit" class="formbutton">Registreren</button></p> </form> </fieldset> </div>