Foros del Web » Programando para Internet » Jquery »

Problemas con el submit usando jQueryUI

Estas en el tema de Problemas con el submit usando jQueryUI en el foro de Jquery en Foros del Web. Hola, nuevamente por aquí, y es que necesito nuevamente de su gran ayuda maestros!! el problema es el siguiente: Resulta que estoy haciendo un formulario ...
  #1 (permalink)  
Antiguo 26/06/2012, 08:50
Avatar de RonaldNet  
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 15 años, 7 meses
Puntos: 0
Pregunta Problemas con el submit usando jQueryUI

Hola, nuevamente por aquí, y es que necesito nuevamente de su gran ayuda maestros!! el problema es el siguiente:
Resulta que estoy haciendo un formulario de ingreso de material (validado con validate.js de jQuery)
Código HTML:
<div id="nuevo" title="Nuevo">
        <form action="" method="POST">
            <p>
               <label for="nCodigo">C&oacute;digo SAI:</label>
               <input type="text" id="nCodigo" name="nCodigo" />
            </p>
            <p>
               <label for="nDescripcion">Descripci&oacute;n:</label>
               <input type="text" id="nDescripcion" name="nDescripcion" />
            </p>
            <p>
            <label>&nbsp;</label>
                <button type = "submit" style = "display:none;" >enviar</button>
            </p>
        </form>
</div> 
Este formulario se mostrará en un cuadro de diálogo. cuando el usuario haga clic en "nuevo" hasta aquí todo bien, el problema es que no se ejecuta el submit luego de validarlo y para esto tengo el siguiente código de jQuery:
Código PHP:
    $('#nuevo').dialog({
        
autoOpenfalse,
        
modaltrue,
        
buttons: {
            
'Guardar': function() {
                $(
'#nuevoDialog form').validate({
                    
rules: {
                        
nCodigo: {requiredtrue},
                        
nDescripcion: {requiredtrue},
                    },
                    
submitHandler: function(form){ // ME PARECE QUE AQUI ESTA EL PROBLEMA
                        
$('#ajaxLoazdAni').fadeIn('slow');//una animacion
                        
$.ajax({
                            
url'material/create'//url que creara nuevo material
                            
type'POST',
                            
data: $('#nuevoDialog form').serialize(),
                            
dataType'json',
                            
success: function(DatosDevueltos){
                                $(
'#ajaxLoadAni').fadeOut('slow');
                                $(
'#nuevoDialog').dialog('close');

                                
//se muestra la respuesta del servidor en un <p>
                                
$('#msgDialog > p').html('Nuevo registro agregado correctamente!');
                                $(
'#msgDialog').dialog('option''title''Completado').dialog('open');
                            }
                        });
                        return 
false;
                    }
                }); 
//fin validación

            
},

            
'Cancelar': function() {
                $( 
this ).dialog'close' );
            }
        }

    }); 
//end nuevo dialog 
El resultado es que no se ejecuta el submit de envio del formulario (oculte el botón de submit en el formulario por que quiero que se ejecute el formulario al hacer clic en el boton "Guardar" del cuadro de dialogo "nuevo" de jQueryUI)

Espero me logren ayudar por favor...
  #2 (permalink)  
Antiguo 26/06/2012, 09:15
Avatar de RonaldNet  
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Problemas con el submit usando jQueryUI

Intente usando

$('#nuevo form').trigger('submit');

para fingir el evento submit pero envia el formulario sin validarlo :-/
tambien intente con

$('#nuevo form').submit(); pero hallo el mismo resultado

Etiquetas: ajax, formulario, html, input, jqueryui, js, submit, botones
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:15.