Foros del Web » Programando para Internet » Jquery »

Como combinar JQuery ValidationEngine con JQuery UI Dialog

Estas en el tema de Como combinar JQuery ValidationEngine con JQuery UI Dialog en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/07/2012, 21:34
 
Fecha de Ingreso: septiembre-2011
Ubicación: Peru - Lima
Mensajes: 16
Antigüedad: 13 años, 2 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

Etiquetas: combinar, dialog, formulario, funcion, input, javascript, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:36.