Funciona no FF mas não no Chrome

[Henrique de Souza 3]

Olá pessoal!

 

Estou com esse script:

 

function validar(formulario){
        var email = loginform.email.value;
        var password = loginform.password.value;
        if((loginform.email.value == '') || (loginform.password.value == '')){
            document.getElementById("alert").style=("display: block");
            return false;
        }
        return true;
    }

Ele valida o formulário, para saber se os campos foram preenchidos. Estava funcionando perfeitamente no FF, mas quando fui testar no Chorme, nada aconteceu.

 

Obrigado pela ajuda! :thumbsup:

 

[echo "VINICIUS" 3]

Olá boa tarde,

 

coloque um else

 

 

function validar(formulario){
        var email = loginform.email.value;
        var password = loginform.password.value;
        if((loginform.email.value == '') || (loginform.password.value == '')){
            document.getElementById("alert").style=("display: block");
            return false;
        }
        else
            return true;
    }

Abs

[Henrique de Souza 3]

Fiquei na mesma Vinícius, funciona no FF e Chrome só retorna false, não muda o style da div#alert. Alguma outra sugestão?

[angelorubin 142]

Olá,

 

Você pode fazer algo nesse sentido:

 

function validateMyForm(){ 
    var isValid = true;
    if ( document.form1.nome.value == "" ) { 
    	alert ( "Digite seu nome" ); 
    	isValid = false;
    }
    else if ( document.form1.fone.value == "" ) {
        alert ( "Digite seu telefone" );
        isValid = false;
    }
    return isValid;
}

Html

<form method="post" name="form1" action="#">
    <label>Nome</label>
    <input type="text" name="nome"/>
    <label>Telefone</label>
    <input type="text" name="fone"/>
    <input type="submit" name="submit" value="Enviar" onclick="validateMyForm()" />
</form>

Espero que ajude.

[paulojuchem 20]

 

document.getElementById("alert").style.display = "block";

[echo "VINICIUS" 3]

Só agora percebi o que está errado é o js do style

 

 document.getElementById("alert").style.display = "block";

 

Abs

[William Bruno 1501]

não use o formato form.campo.atributo

 

use sempre getElementBy.. que são os padrões recomendados.

Leia:

http://wbruno.com.br/javascript-puro/como-debugar-javascript-firefox-erros-comuns/

[Henrique de Souza 3]

document.getElementById("alert").style.display = "block";

Valeu a ajuda pessoal!!! :worship: