limpiar o restablecer formulario después del envió

[xluchex]

Hola amigos!! bueno me tropece con un problema que explico a continuación.

Tengo un formulario en mi pagina "index.php", la cual al llenar y enviar el formulario genero un mensaje automáticamente debajo un mensaje que me indica "su mensaje fue enviado correctamente", eso lo genero con ajax la pagina en la que genero el envió y el mensaje es "mensaje.php", todo bien hasta ese paso, el problema es que cuando devuelve el mensaje de "su mensaje fue enviado correctamente" el formulario aun contiene aun los datos que se mando ¿Como puede limpiar ese formulario después del envío del mismo?

De antemano GRACIAS!!

[maycolalvarez]

simple, resetealo con javascript:

document.forms['name_form'].reset();

PD: el tema no implica a PHP, reportado para que lo muevan al foro de javascript

[masterpuppet]

Tema movido desde PHP a Javascript

[xluchex]

Iniciado por maycolalvarez

simple, resetealo con javascript:

document.forms['name_form'].reset();

estuve haciendo la prueba con el consejo que me diste, pero aun no lo logro necesito alguna pista mas por favor, hice una pequeña función

Código HTML:

<script type="text/javascript">
	function resetear(){
		document.forms['formulario1'].reset();
		}
</script> 

luego tengo el div el el que muestro el mensaje de "Mensaje enviado" el cual lo genero desde un php "mensaje.php" , en el mismo div llamo a mi funcion

Código HTML:

<script type="text/javascript">
         resetear();
</script> 

pero no me llama a la funcion no tienen efecto, de antemano gracias!

[maycolalvarez]

se supone que lo apliques en el onreadystatechange porque me indicas que usas AJAX, si puedes muestra ése código para orientarte

[xluchex]

Código HTML:

<script language="javascript">
$(document).ready(
function() {
    $().ajaxStart(
	function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(
	function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
    $('#formulario1').submit(
	function() {
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').html(data);
            }
        })
        return false;
    }); 
})  
</script> 

este es el código y "#result" es el div donde muestro el mensaje de envío. gracias por tu ayuda

[maycolalvarez]

bueno, aplicarlo dentro del success :

Código javascript:

//...
            success: function(data) {
                document.getElementById('formulario').reset(); //no se si jQUery tenga un wrapper para ello
                $('#result').html(data);
            }
//...
 

recomiendo que leas un manual de AJAX, es muy útil usarlo con jQuery, pero aprender el origen de la técnica no está de más: http://librosweb.es/ajax/index.html

[xluchex]

Genial!!!!... muchísimas gracias! problema resuelto, y claro que si leeré ese manual.

[maycolalvarez]

Iniciado por xluchex

Genial!!!!... muchísimas gracias! problema resuelto, y claro que si leeré ese manual.

bueno, así cuando la próxima vez que te hablen del XmlHttpRequest o el onreadystatechange no pensarás que te hablan en chino y sabrás identificar de que se trata, mucho éxito