Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/06/2012, 08:50
Avatar de RonaldNet
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...