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>
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
Espero me logren ayudar por favor...