Validate Plugin problem

Validate Plugin problem

Hello, I'm new with Jquery and I have a problem with the validation plugin.

The scenario is as follow:

I have 4 files:

1. An html file with a link.

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <title>Cargador de B</title>
  7. <script type="text/javascript" src="jquery_min.js"></script>
  8. <script type="text/javascript" src="jquery.validate.min.js"></script>
  9. <script type="text/javascript" src="js/a.js"></script>
  10. </head>
  11.  
  12. <body>
  13. <div><a href="#" id="cargarb">Pincha para cargar as&iacute;ncronamente la  p&aacute;gina B</a></div>
  14. <div id="destinob"></div>
  15. </body>
  16. </html>

2. An java script file that catch the click event in the first file and execute an .ajax() function to load form in other div.

  2. var $j = jQuery.noConflict();
  3. $j(document).ready(function(){
  4.  
  5.     $j("a#cargarb").click( function()
  6.                             {
  7.                                 $j.ajax(
  8.                                     {
  9.                                         url:'b.php',
  10.                                         success: function(resultado)
  11.                                                     {
  12.                                                         $j('#destinob').html(resultado);
  13. $j.getScript('js/b.js');
  14.                                                     }
  15.                                     });
  16.  
  17.                                 
  18.                                 return false;
  19.                             }
  20.                         );
  21.  
  22.  
  23. });

3. Php file with the html code for the form to validate.

  2. <form class="regForm" id="login_form" name="form1" method="post" action="">
  3.   <fieldset>
  4.   <legend>Formulario de Ingreso</legend>
  5.   <p>
  6.     <label for="reg_email">Email:</label>
  7.     <input type="text" name="reg_email" id="reg_email">
  8.   </p>
  9.   <p>
  10.     <label for="reg_password">Clave</label>
  11.     <input type="password" name="reg_password" id="reg_password">
  12.   </p>
  13.   <p>
  14.     <label for="reg_sesion">No cerrar sesi&oacute;n</label>
  15.     <input type="checkbox" name="reg_sesion" id="reg_sesion">
  16.   </p>
  17.   </fieldset>  
  18.   <p>
  19.     <input type="submit" name="reg_submit" id="reg_submit" value="Ingresar">
  20.     <input type="reset" name="reg_clean" id="reg_clean" value="Limpiar">
  21.   </p>
  22.   
  23. </form>

4. The last one file is a Javascritpt file tha use the validate function over the form in the php file.

  2. $j("#login_form").validate({
  3. rules:{
  4. reg_email: {
  5. required: true,
  6. email: true
  7. },
  8. reg_password:{
  9. required: true
  10. }
  11. },
  12. messages:{
  13. reg_email: {
  14. required: "Ingrese su Email",
  15. email: "Ingrese un email válido"
  16. },
  17. reg_password:{
  18. required: "Escriba una contraseña"
  19. }
  20. }
  21. });

This code works for all web browser except Internet Explorer (Any version).

Im using the latest version of jquery and the validation plugin.

I note if I put the form, the validation script in the same file. The code works fine in all web browsers.



Example.

html file

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. <script src="jquery_min.js" language="JavaScript"></script>
  8. <script src="jquery.validate.min.js" language="JavaScript"></script>
  9. <script src="validate.js" language="JavaScript"></script>
  10. </head>
  11. <body>
  12. <form id="login_form" name="form1" method="post" action="">
  13.   <fieldset>
  14.   <legend>Formulario de Ingreso</legend>
  15.   <p>
  16.     <label for="reg_email">Email:</label>
  17.     <input type="text" name="reg_email" id="reg_email">
  18.   </p>
  19.   <p>
  20.     <label for="reg_password">Clave</label>
  21.     <input type="password" name="reg_password" id="reg_password">
  22.   </p>
  23.   <p>
  24.     <label for="reg_sesion">No cerrar sesi&oacute;n</label>
  25.     <input type="checkbox" name="reg_sesion" id="reg_sesion">
  26.   </p>
  27.   </fieldset>  
  28.   <p>
  29.     <input type="submit" name="reg_submit" id="reg_submit" value="Ingresar">
  30.     <input type="reset" name="reg_clean" id="reg_clean" value="Limpiar">
  31.   </p>  
  32. </form>
  33. </body>
  34. </html>
the js file

  2. $(document).ready(function(){
  3. $("#login_form").validate({
  4. rules:{
  5. reg_email: {
  6. required: true,
  7. email: true
  8. },
  9. reg_password:{
  10. required: true
  11. }
  12. },
  13. messages:{
  14. reg_email: {
  15. required: "Ingrese su Email",
  16. email: "Ingrese un email válido"
  17. },
  18. reg_password:{
  19. required: "Escriba una contraseña"
  20. }
  21. }
  22. });
  23. });

I need the form appear when I click in the link.

The problem looks like when the validation is call in other file.

Thanks

Jose