[Resolvido] Mostrando o campo a ser preenchido

[bcs_ptx 0]

fala pessoal, sempre quando faço uma validação de um campo, só coloco com um alert avisando o campo para preencher, mas como eu faço pra depois do alert ele mostrar o campo a ser preenchido com uma cor diferente?

 

ex:

 

function valida(form){

if(document.form.valor_medio_gas.value == ''){

               alert('Campo VALOR COMBUSTÍVEL em branco!!!');

			return false;

       }
return true;
}

<form name="form" method="post" onsubmit="return valida(this);">
<input type="text" name="valor_medio_gas" id="input" onchange="calcula();"/>
</form>

tipo colocar aqui? como faria pra esse campo ficar em amarelo?

[William Bruno 1501]

if(document.form.valor_medio_gas.value == ''){

    alert('Campo VALOR COMBUSTÍVEL em branco!!!');
    document.form.valor_medio_gas.className = 'amarelo';      
    return false;

}

 

ai você vai no css e faz:

.amarelo {
   background: #ff0;
   color: #ff0;
   border: #ff0;
}

[bcs_ptx 0]

blza, funciona, mas acontece que seguinte, o meu campo está assim

 

<input type="text" name="valor_medio_gas" id="input" onchange="calcula();"/>

 

e no css assim

 

.fonte{
font-family:Calibri;
color:#000000;
font-size:13px;
text-align:left;
width:100%;
}

 

eu coloquei o código e ele não muda a cor da input, só se eu tirar a propriedade id dela, assim

 

<input type="text" name="valor_medio_gas" id="" onchange="calcula();"/>

 

ai funciona

 

ops me enganei, no css assim

 

#input{
width:100%;
height:100%;
border:0;
background:#FFFFFF;
}

[William Bruno 1501]

especificidade amigo.. especificidade.

 

Declare assim:

#input.fonte{
       /* regras*/
}

[bcs_ptx 0]

Humm, agora sim, valeu ai cara. grande abraço.