AJAX - Problema con formulario en Modal de Bootstrap

   
Vista:
Imágen de perfil de Enrique

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:
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 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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Problema con formulario en Modal de Bootstrap

Publicado por jose maria (1 intervención) el 11/07/2015 21:19:07
quita el action del form. ponlo en el $.post en lugar de document.location.href (eso no es una url de un script, es una orden a javascript para que vaya a una url, y como no le dices ninguna, recarga la activa). aconsejaria tambien cambiar $post por $.ajax
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar