Funciona no FF mas não no Chrome

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;
 }

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?

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;
}

<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.

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

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

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

Abs

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/

document.getElementById("alert").style.display = "block";
Valeu a ajuda pessoal!!! :worship: