alert sem recarregar uma página vazio!

[tognere 2]

Olá galera...to fazendo um formulario de contato em php e eu gostaria de dar um alert em javascript se os campos obrigatorios estiverrem vazios...entretanto toda vez q esse alert é efetuado dessa forma ele recarrega uma pagina vazio(em branco)....gostaria de saber um forma em que fosse feito o alert porém ele continue na mesma pagina do formulario....tem como???

[LeoO_DF 22]

se Eu entendi bem javascript:

<form name="Formulario" id="Formulario">
<input name="Campo" id="Campo" type="text" />
<input type="button" id="Enviar" onclick="Validar_Formulario()" />
</form>

function Validar_Formulario()
{
    var Valor = Formulario.Campo.value;
    if(Valor == "")
    {
    	alert("Você deixou um campo em Branco");
    }
}

jQuery:

<form name="Formulario" id="Formulario">
<input name="Campo" id="Campo" type="text" />
<input type="button" id="Enviar" />
</form>

$(function(){
    $("#Enviar").click(function(){ 
    	var Valor = Formulario.Campo.value;
    	if(Valor == "")
    	{
    	    alert("Você deixou um campo em Branco");
    	}
    });
});

Em nenhum dos dois a Pagina irá recarregar, casso recarregue o Problema pode não estar no alert e sim em seu código, se ainda continuar recarregando poste seu código aqui.

[ignoredxyz 17]

O que está faltando é um

 

return false;

caso os campos estejam vazios, porque mesmo estando vazios o alert vai acontecer, porém as funções por padrão tem retono true, então só faltou mesmo colocar o return false;

 

Exemplo:

 

HTML

<form id="formulario" method="post" action="" >
    <input id="nome" type="text" name="nome" />
    <input id="email" type="text" name="email" />
    <input type="submit" value="Enviar" />
</form>

 

jQuery

$(document).ready(function(){
    $("#formulario").submit(function(){
        var error = '';
        if( $(this).find("#nome").val() == '' ) {
            var error += "Preencha o campo nome\n";
        }
        if( $(this).find("#email").val() == '' ) {
            var error += "Preencha o campo email\n";
        }

        if( error != '' ) {
            alert(error);
            return false;
        }

        return true;
    });
});