Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/07/2012, 21:34
dvex_92
 
Fecha de Ingreso: septiembre-2011
Ubicación: Peru - Lima
Mensajes: 16
Antigüedad: 12 años, 7 meses
Puntos: 0
Información Como combinar JQuery ValidationEngine con JQuery UI Dialog


Saludos, tengo una duda, lo he estado intentando pero no me resulta.
En un principio tenia mi formulario estatico en el cual, con el plugin de JQuery ValidationEngine validaba todo.

Bien, ahora cambiaron las cosas y lo puse en un Dialog usando JQuery UI. Pero resulta ahora que mis validaciones q una vez funcionaban ya no lo hace.

Lo que quiero ahora es combinar ambas cosas.. Los 2 plugins en mi formulario-dialog modal.

Investigando encontre un ejemplo aqui en el foro pero no me resulto. (http://www.forosdelweb.com/f127/validationengine-con-modal-ui-995783/)

Dejo parte de mi formulario: (NOTA: Uso el Framework CodeIgniter)


Código HTML:
Ver original
  1. <div rel="noExisteUsuario" id="dialog-form" style="display:none;">
  2. <form id="registroConcurso" method="POST" action="<?php echo base_url(); ?>panel_control/inscripcion" >
  3.                                 <label>Nombre: </label>
  4.                                 <?php $unombre = array('name' => 'nombre' ,'id' => 'name', 'value' => $nombre, 'size' => 20); ?>
  5.                                     <?= form_input($unombre) ?>
  6. <!-- Esto, como sabrán, es lo mismo que una etiqueta <input ... /> -->
  7.                                 <label>Apellidos: </label>
  8.                                 <?php $uapellidos = array('name' => 'apellido', 'id' => 'apellidos', 'value' => $apellido, 'size' => 20); ?>
  9.                                     <?= form_input($uapellidos) ?>
  10.  
  11. </form>
  12. </div>


Dejo el script del Dialog y de mi validacion que antes funcionaba, respectivamente.


Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.         var esUsuario= $("#dialog-form").attr("rel");
  3.         if(esUsuario == 'noExisteUsuario'){
  4.            
  5.             $(function() {
  6.                 $( "#dialog-form:ui-dialog" ).dialog( "destroy" );
  7.    
  8.                 $( "#dialog-form" ).dialog({
  9.                     modal: true,
  10.                     height:500,
  11.                     width:900,
  12.                 });
  13.             });
  14.         }
  15.     </script>

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.         $("#registroConcurso").validationEngine();
  3.         $("#registroConcurso").submit(function() {
  4.              if ($("#registroConcurso").validationEngine('validate')) {
  5.                    $.blockUI({
  6.                    message: "Procesando",
  7.                    css: {
  8.                         border: 'none',
  9.                         padding: '15px',
  10.                         backgroundColor: '#000',
  11.                         '-webkit-border-radius': '10px',
  12.                         '-moz-border-radius': '10px',
  13.                         opacity: .5,
  14.                         color: '#fff'
  15.                         }
  16.                      });
  17.                    }
  18.          });
  19.         });

Gracias de antemano