como resetar o formulario

[kaayasinho 0]

Olá,

 

não estou conseguindo resetar o formulario após o envio, eu fiz tudo corretamente, até ja usei essa forma em outro código e funcionou

só que desta vez não esta indo e não acho o erro

 

o formulario em si, funciona perfeitamente envia e envia a mensagem informando que foi enviado com sucésso.

 

mas o formulario não reseta..

vou postar o código

tem a validação também mas o reset deixei o ajax em negrito

 <article>
    	<form name="form">
        	<table>
            	<tr>
                	<td colspan="2"><h3>Contato</h3></td>
                </tr>
                <tr>
                	<td colspan="2"><input type="text" name="nome" placeholder="Nome" id="nome"></td>
                </tr>
                <tr>
                	<td colspan="2"><input type="email" name="email" placeholder="e-mail" id="email"></td>
                </tr>
                <tr>
                	<td colspan="2"><input type="text" name="telefone" placeholder="Telefone" id="telefone"></td>
                </tr>
                <tr>
                	<td colspan="2"><input type="text" name="data" placeholder="Data do Evento" id="datepicker"></td>
                </tr>
                <tr>
                	<td colspan="2"><input type="text" name="assunto" placeholder="Assunto" id="assunto"></td>
                </tr>
                <tr>
                	<td colspan="2"><textarea placeholder="Mensagem" id="mensagem"></textarea></td>
                </tr>
                <tr>
                	<td width="50%"><input type="button" name="enviar" value="Enviar" id="botaoEnvia"></td>
                    <td width="50%"><input type="reset" name="reset" value="Limpar Campos"></td>
                </tr>
            </table>
        </form>
    </article>

// JavaScript Document

window.onload = function(){
/*INICIO AJAX CONTATO*/
	var telefone = document.getElementById("telefone");
		telefone.onkeypress = function(){
			if(isNaN(telefone.value)){
				alert("Digite apenas numeros no campo teefone");
				return false;
				}
			}
			
	
var botaoEnvia = document.getElementById("botaoEnvia");
	botaoEnvia.onclick = function(){
		validaForm();
		}
	/*validando formulario*/
	function validaForm(){

	var	nome = document.getElementById("nome");
	var email = document.getElementById("email");
	var telefone = document.getElementById("telefone");
	var mensagem = document.getElementById("mensagem").value;
	
	var filtro_mail = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/;
		if(nome.value == ""){
			alert("digite seu nome");
			nome.focus();
			return false;
			}
		if(email.value == ""){
			alert("O campo email e obrigatorio");
			email.focus();
			return false;
			}
		if(!filtro_mail.test(email.value)){
			alert("preencha o email corretamente");
			email.focus();
			return false;
			}
		if(telefone.value == ""){
			alert("Campo telefone obrigatorio");
			return false;
			}
			
		if(mensagem == ""){
			alert("Campo mensagem está vazio, por favor digite uma mensagem");
			}else{
				enviaForm();
				}
			
			
	}/*Fim validador*/

	/*envia formulario*/
	function enviaForm(){
		if(window.XMLHttpRequest){
			xmlhttp = new XMLHttpRequest();
			xmlhttp.overrideMimeType("text/xml");
			}else if(window.ActiveXObject){
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				}else{
					alert("Seu navegador não tem suporte para AJAX");
					}
			xmlhttp.onreadystatechange = function(){
				if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
					document.getElementById("respostaForm").innerHTML = xmlhttp.responseText;
					}else{
						return false;
						}
				}/*FIM FUNCAO ONREADYSTATECHANGE*/
				
	var	nome = document.getElementById("nome").value;
	var email = document.getElementById("email").value;
	var telefone = document.getElementById("telefone").value;
	var data = document.getElementById("datepicker").value;
	var assunto = document.getElementById("assunto").value;
	var mensagem = document.getElementById("mensagem").value;			
	
	var campos = "nome="+nome+"&email="+email+"&telefone="+telefone+"&data="+data+"&assunto="+assunto+"&mensagem="+mensagem;
			xmlhttp.open("POST", "ajax/contato.php", true);
			xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			xmlhttp.send(campos);
			document.form.reset();
			alert("Mensagem enviada com sucésso");
			}/*FIM FUNCTION ENVIAFORM*/
		

	
}/*FIM ONLOAD*/

[gugu3699 1]

tenta assim:

$('form')[0].reset();

[William Bruno 1501]

Dá um ID:

 

<form name="form" id="form-teste">

e então reseta

document.getElementById('form-teste').reset();

[kaayasinho 0]

 

tenta assim:

$('form')[0].reset();

nao funcionou.. eu tmbm nao fiz em jquery fiz tudo em javascript acho que mistura assim nao rola

bom ja que ninguem pode me ajudar eu consegui resolver de uma forma alternativa, talvez não seja boa pratica mas funcionou

 

document.getElementById("nome").value = "";

document.getElementById("email").value = "";

document.getElementById("telefone").value = "";

document.getElementById("datepicker").value = "";

document.getElementById("assunto").value = "";

document.getElementById("mensagem").value = "";