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ódigo SAI:</label>
<input type="text" id="nCodigo" name="nCodigo" />
</p>
<p>
<label for="nDescripcion">Descripción:</label>
<input type="text" id="nDescripcion" name="nDescripcion" />
</p>
<p>
<label> </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({
autoOpen: false,
modal: true,
buttons: {
'Guardar': function() {
$('#nuevoDialog form').validate({
rules: {
nCodigo: {required: true},
nDescripcion: {required: true},
},
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...