Problema con formulario en Modal de Bootstrap
Publicado por Enrique (3 intervenciones) el 06/04/2015 19:45:08
Hola a todos.
Tengo un formulario insertado en una ventana modal de Bootstrap. Es un formulario de registro de usuarios (registro.php) y estoy intentando que la respuesta al mismo (los errores de validación o la confirmación de que todo está OK) se vea en la misma ventana modal, pero no lo consigo.
Mis conocimientos de Javascript son bastante limitados, el código lo tomé de http://www.webpop.com/docs/tutorials/submitting-a-form-via-ajax Agradecería si me pueden dar una mano
Mi código:
El div clase "form feedback" es el que aparece coonfirmando que está todo bien.
El formulario:
En realidad solo necesito que se procese el formulario en la ventana, ya que la respuesta la daría el php. Probablemente alguien sepa de algún script más sencilllo que pueda ayudarme.
En mi página lo que hace es recargar la página de fondo, donde está insertado el formulario, quedando el formulario sin enviarse.
Gracias de antemano.
Tengo un formulario insertado en una ventana modal de Bootstrap. Es un formulario de registro de usuarios (registro.php) y estoy intentando que la respuesta al mismo (los errores de validación o la confirmación de que todo está OK) se vea en la misma ventana modal, pero no lo consigo.
Mis conocimientos de Javascript son bastante limitados, el código lo tomé de http://www.webpop.com/docs/tutorials/submitting-a-form-via-ajax Agradecería si me pueden dar una mano
Mi código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="javascript">
$(function() {
$("#register").submit(function(e) {
e.preventDefault();
$form = $(this);
$.post(document.location.href, $form.serialize(), function(response) {
$feedback = $("<div>").html(response).find(".form-feedback").hide();
$feedback.fadeIn();
});
});
})
</script>
El div clase "form feedback" es el que aparece coonfirmando que está todo bien.
El formulario:
1
2
3
4
5
6
7
8
9
<form action="register.php" method="POST" name="adsearch" id="register">
<div class="alert-box success form-feedback">Data OK</div>
<div class="register-top-grid">
<label for="name">Nombre*</label>
<input name="name" id="name" type="text" class="" value="" />
<label for="surname">Apellido*</label>
<input name="surname" id="surname" type="text" class="" value="" />
<input type="submit" name="submit_reg" value="Registrarse" class="register" />
</form>
En mi página lo que hace es recargar la página de fondo, donde está insertado el formulario, quedando el formulario sin enviarse.
Gracias de antemano.
Valora esta pregunta
0