Ver Mensaje Individual
  #5 (permalink)  
Antiguo 31/03/2011, 16:26
jesusjj
 
Fecha de Ingreso: noviembre-2007
Mensajes: 154
Antigüedad: 17 años
Puntos: 2
Respuesta: jQuery: Problemas para contenido cargado por post

Cita:
Iniciado por jesusjj Ver Mensaje
Buenas tardes:

No he tenido mucho tiempo de hacer pruebas con la validación, pero las que hice, no conseguí que pasará por ella, ni cambiando el submithandler, ni cambiando el botón submit, por uno normal para capturar el onclick, etc.

¿Alguien sabría cómo se podría validar el formulario cargado mediante ajax con algo equivalente a live()?

Muchas gracias.

Saludos.
RESUELTO

Al final no era muy complejo, lo copio por si le sirve a alguien.

Código HTML:
Ver original
  1. <form id="contacto" action="" method="">
  2.         <legend>D&eacute;janos tus datos de contacto</legend>
  3.         <table width="100%" border="0" cellspacing="0" cellpadding="0">
  4.         <tbody>
  5.           <tr>
  6.               <td><label for="nombre">Nombre:</label></td>
  7.               <td><input type="text" id="nombre" name="nombre" disabled="disabled" /></td>
  8.           </tr>
  9.           <tr>
  10.             <td><label for="tfno_mv">Tel&eacute;fono M&oacute;vil:</label></td>
  11.             <td><input type="text" id="tfno_mv" name="tfno_mv" disabled="disabled" /></td>
  12.           </tr>
  13.           <tr>
  14.             <td><label for="tfno_fj2">Tel&eacute;fono Fijo:</label></td>
  15.             <td><input type="text" id="tfno_fj" name="tfno_fj" disabled="disabled" /></td>
  16.           </tr>
  17.           <tr>
  18.             <td><label for="mail">E-mail:</label></td>
  19.             <td><input type="text" id="mail" name="mail" disabled="disabled" /></td>
  20.           </tr>
  21.           <tr>
  22.             <td valign="top"><label for="mensaje">Mensaje:</label></td>
  23.             <td valign="top"><textarea id="mensaje" name="mensaje" cols="5" rows="3" disabled="disabled"></textarea></td>
  24.           </tr>
  25.           <tr>
  26.             <td colspan="2" class="txt_center">
  27.                 <input type="submit" id="enviar" name="enviar" class="bt_submit" value="enviar" disabled="disabled" />
  28.                 <input type="reset" id="limpiar" name="limpiar" value="limpiar" disabled="disabled" />
  29.             </td>
  30.           </tr>
  31.         </tbody>
  32.         </table>
  33.  
  34.         <div class="clear"></div>
  35. </form>

Código Javascript:
Ver original
  1. $(".bt_submit").live('click', function(){
  2.         $("#contacto").validate({
  3.             rules: {
  4.                 nombre: {
  5.                     required: true,
  6.                     minlength: 3
  7.                 },
  8.                 tfno_mv: {
  9.                     required: true,
  10.                     minlength: 9
  11.                 },
  12.                 mail: {
  13.                     required: true,
  14.                     email: true
  15.                 },
  16.                 mensaje: {
  17.                     required:true
  18.                 }            
  19.             },
  20.             messages: {
  21.                 nombre: {
  22.                     required: "El campo nombre es obligatorio",
  23.                     minlength: "La longitud m\u00ednima es de 3 caracteres"
  24.                 },
  25.                 tfno_mv: {
  26.                     required: "El campo tel\u00e9fono es obligatorio",
  27.                     minlength: "La longitud m\u00ednima es de 9 caracteres"
  28.                 },
  29.                 mail: {
  30.                     required: "El campo eMail es obligatorio",
  31.                     email: "Por favor, introduzca una direcci\u00f3n de email v\u00e1lida"
  32.                 },
  33.                 mensaje: {
  34.                     required: "Por favor, introduzca un mensaje"
  35.                 }
  36.             }
  37.         });
  38.     });