Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal tenho uma página de formularios com div e etc, neste formulario consegui fazer com que quando a pessoa não digita nada no campo nome (ex) apresenta uma imagem informando "por favor informe seu nome".
Para isso fiz isso:
if ($valida_nome == "")
echo "<div style='position: absolute; top: 106px; left: -223px'><img src='imagem'></div>";
Até ai ótimo, mas alem de apresentar essa imagem eu gostaria que a borda do campo ficasse mais grossa e da cor vermelha, como faço isso ? (lembrando que essa validação acima está em outra página e o formulario em outra)
No agurado.
Mas isso vai aumentar a borda somente do campo "nome" ? e vai saber que eu quero aumentar a borda do campo nome e não de outra ?
obrigado.
São duas validaçãos.
Uma como você fez em php na pagina seguinte, na pagina do formulário você tem que colocar uma validação JavaScript para alertar a o campo em branco e mudar a cor, JS não é meu forte mas dá uma olhada
>
<div style='border:1px solid red'></div>
ow 1px você altera pra grosura q você quiser
2px 3px
Angel fiz isso, realmente cria uma borda vermelha e mostra minha imagem, porém a borda não aparece em volta do campo "nome" como eu queria.
coloca o nome dentro da div que tem a borda
>
coloca o nome dentro da div que tem a borda
mas como eu havia falado a div está em outra página, e a validação em outra ... onde coloco esse código?
Nome: <input type="text" name="nome" class="error" />
e ai no css:
.error { border: 1px solid #f00; }
tudo oq você precisa fazer, é imprimir a class error com o php, caso o campo não esteja validado.
e como eu imprimo no php, por exemplo a validação está assim:
If ($valida_nome == ""){
echo "<div style='position: absolute; top: 0px; z-index: 1'><img src='images\dig_nome.gif'></div>";
}
como ficaria esta linha então ?
$class = '';
if ($valida_nome == ""){
$class = ' class="error"';
echo "<div style='position: absolute; top: 0px; z-index: 1'><img src='images\dig_nome.gif'></div>";
}
echo 'Nome: <input type="text" name="nome"'.$class.' />';
<div style='border:1px solid red'></div>
ow 1px você altera pra grosura q você quiser
2px 3px