Problema com validaçaõ de formulario

[ZKdesign 0]

Boa tarde Pessoal, estou fazendo o formulario de contato de um site, e quando da o Submit ele envia direto sem passar pela validação, alguém sabe o porque? Segue o script...

 

 

 

Valeu!

 

Javascript

function valida(){
	parte1 = document.formulario.email.value.indexOf("@");
    parte2 = parte1.indexOf(".");
    parte3 = document.formulario.email.value.length;
        
	if (document.formulario.nome.value == ""){
		alert('Atenção, o campo Nome é de preenchimento obrigatório!');
		document.formulario.nome.focus();
		return false;
	}
	if (document.formulario.email.value == ""){
		alert('Atenção, o campo E-mail é de preenchimento obrigatório!');
		document.formulario.email.focus();
		return false;
	}
	if (!(parte1 >= 1 && parte2 >= 4 && parte3 >= 6)){
		alert('Atenção, o campo E-mail está preenchido incorretamente!');
		document.formulario.email.focus();
		return false;
	}
	if (document.formulario.assunto.value == ""){
		alert('Atenção, o campo Assunto é de preenchimento obrigatório!');
		document.formulario.assunto.focus();
		return false;
	}
	if (document.formulario.msg.value == ""){
		alert('Atenção, o campo Mensagem é de preenchimento obrigatório!');
		document.formulario.assunto.focus();
		return false;
	}
	return true;
}
function limpa(){
	document.formulario.nome.value = "";
	document.formulario.fone.value = "";
	document.formulario.email.value = "";
	document.formulario.website.value = "";
	document.formulario.assunto.value = "";
	document.formulario.msg.value = "";
}

Formulário HTML

<form name="formulario" method="post" action="scripts/contato.php" onSubmit="valida()"> 
            	<h4>Nome:<span class="obrigatorio">*</span></h4>
 				<input type="text" name="nome"  class="campos" size="95" maxlength="50" tabindex="1" />
            	<h4>Telefone:</h4>
				<input type="text" name="fone"  class="campos" size="95" onkeypress="if (!isNaN(String.fromCharCode(window.event.keyCode))) return true; else return false;" maxlength="50" tabindex="2" />
            	<h4>E-mail:<span class="obrigatorio">*</span></h4>
  				<input type="text" name="email" class="campos"  size="95" maxlength="50" tabindex="3" />
            	<h4>Site:</h4>
				<input type="text" name="website"  class="campos" size="95" maxlength="50" tabindex="4"/>
            	<h4>Assunto:<span class="obrigatorio">*</span></h4>
            	<input type="text" name="assunto"  class="campos" size="95" maxlength="50" tabindex="5"/>
            	<h4>Mensagem:<span class="obrigatorio">*</span></h4>
            	<textarea name="msg" id="msg" class= "campos" rows="15" cols="95" tabindex="6"></textarea>
                <span class="texto"><span class="obrigatorio" style="font-size:11px;margin-left:5px;">* Campos Obrigatórios</span></span>
                <input type="submit" name="Submit" class="botoes" value="Enviar" /><input type="button" name="Limpar" class="botoes" value="Limpar" onclick="limpa()" />
            </form>

[klonder 14]

Na tag form, deixe como: onsubmit="return valida()"

 

Pesquise também sobre a função reset(), que ajuda bastante!