Buen día compañeros, tengo un problema con un formulario, sucede que quiero ingresar los datos mediante una ventana modal, eso lo hace perfectamente y luego me lo muestra en una lista, el problema es que si cierro la ventana ya no la puedo volver a abrir, espero que me puedan ayudar.
Código:
$(document).ready(function(e) {
$("#usuario").submit(function(e) {
e.preventDefault();
$.ajax({
type:"POST",
url:"insertar.php",
data:$('#usuario').serialize(),
success: function(res) {
$('#resultado').html(res);
$('#form').dialog('close');
},
});
return false;
});
$(function() {
$( "#form" ).dialog({
autoOpen: false,
modal: true,
resizable: false,
show: {
effect: "blind",
duration: 500
},
hide: {
effect: "explode",
duration: 500
}
});
$( "#crear" ).click(function() {
$( "#form" ).dialog( "open" );
});
});
});
este es el formulario
Código HTML:
<button id="crear">Crear Usuario</button>
<div id="form" title="Crear Usuario">
<p>Todos los datos son requeridos.</p>
<form id="usuario">
<fieldset>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" autocomplete="off">
<label for="apellido">Apellido</label>
<input type="text" name="apellido" autocomplete="off">
<br>
<input type="submit" id="agregar" value="agregar">
</fieldset>
</form>
</div>
<div id="resultado"></div>