Hola a todos,
Tengo un formulario dentro de una ventana modal que la cargo con Bootstrap.
La validación la realiza con el propio html5.
El problema es que funciona nada de la ventana modal. Es decir, si introduzco algún valor mal o si me dejo algún campo por contestar, no me informa de ningún error.
Hasta ahí no le he dado mucha importancia, el problema viene cuando intento enviar el formulario al un php para que lo procese.
El botón no hace absolutamente nada.
Estos son mis archivos:
<div class="modal fade auto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title" id="myModalLabel"> Formulario de Automovil</h2>
</div>
<div class="modal-body">
<form action="form_auto.php" class="formulario_presu" method="post">
<table id="fauto">
<tr>
<td><label>Nombre</label></td>
<td><input type="text" name="nombre" placeholder="Nombre" required /></td>
</tr>
<tr>
<td><label>Apellidos</label></td>
<td><input type="text" name="apellidos" placeholder="Apellidos" required /></td>
</tr>
<tr>
<td><label>DNI</label></td>
<td><input type="number" name="dni" placeholder="Introduce tu DNI" pattern="[0-9]{8}" required /></td>
</tr>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
<button type="button submit" class="btn btn-success" onClick="funcion()">Enviar</button>
</div>
</table>
</form>
<div>
</div>
</div>
El archivo JS es el siguiente:
$(document).ready(function(){
$(".formulario_presu").submit(function(){
$.ajax({
type:"POST",
url:$(this).attr('action'),
dataType:"html",
data:$(this).serialize(),
success:function(response){
$('#myModal').modal('hide')
$(".caja_presu").hide();
setInterval(function(){
$("#presupuestos").html("<h2>Gracias por contactar con nosotros.</h2><br/>En breve nos pondremos en contacto con usted");
}, 3000);
$(".caja_presu").show();
}
})
error: function(){
alert("failure");
return false;
})
})
Si alguien puediera ayudarm, lo agradeceria.
Saludos y gracias!