Ir para conteúdo
Fórum Script Brasil
  • 0

Validar Formulario Usando Java Script E Css


joisiney

Pergunta

gente tipo assim, eu sei validar o formulario com java script (ele da um alert quando não se preenche o campo)

mas gostaria de usar CSS. Tipo assim, quando der o alert de (Preencha o campo nome por exmplo) ele destacar o campo com uma cor diferente, "igualzinho o da agencia click www.agenciaclick.com.br".

eu acho que deve ser assim, no alert deve se acrecentar uma função que muda o css que o form esta ultilizando no momento, alguém pode me ajudar, tenho urgencia disso :D

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

tipo assim quando você valida usando java scritp caso o usuario não preencha o formulario o java script

da um alerte dizendo que tal campo não foi preenchido, eu quero que seja assim mas que o campo fique destacado

tipo assim na hora que ele da o alerde ele muda a cor do campo que ele esta informando,

eu acho que deve ser assim, no alert deve-se acrecentar uma função que muda o css que esta sendo usando

por outro com uma cor de bacground, mas não sei como se faz isto, aguem pode me ajudar :D

urgentemente :D

caso alguém precise d mim sou novato por aqui, mas posso ser ultil :D

quero ajudar, mas também quero ser ajudado

abraço

aguardo respostas

caso não tenham entendido minha explicação

entrem em undefined e veja a forma que o formulario deles esta validado,

so que eles usam JS e CSS, e eu quero usar java script e css

agora sim :D

Link para o comentário
Compartilhar em outros sites

  • 0

coloca junto com a função o seguinte :

document.getElementById(iddocampo).style.background-color = #FF3300(mude a cor)
coloque logo embaixo da onde o javascript poe o alert
...validação
alert("campo nome não pode ficar em branco");
document.getElementById(nomme).style.background-color = #FF3300;
}
resto do codigo .....

Editado por Zero Cool
Link para o comentário
Compartilhar em outros sites

  • 0
Guest Ricardo Costa
Acho que deveria ser:

document.getElementById('iddocampo').style.backgroundColor = '#FF3300';

Não é?

Faça assim:

<script language="JavaScript">

function fxCriticar(frm){

if (frm.Razao.value == ""){

alert("Informe a Razão Social");

frm.Razao.focus();

return false;

}

frm.cmd.value = "upd";

frm.submit();

}

</script>

No botão submit, troque para um botão comum e coloque neste botão onClick="return fxCriticar(form)

Lembrar que form é o nome do seu formulário, que deve ser escrito exatamente igual ao nome do seu formulario.

veja:

<form name="form"action='Empresa.Asp' target="Corpo" Method='Post'>

<input type="Hidden" name="id_Empresa" value="<%=vid_Empresa%>">

<input type="hidden" name="cmd" value="">

Aqui isto funciona. Veja aí.

Observe que eu uso um campo cmd hidden, que serve para para a Empresa.Asp identifique se é Inclusão ou Alteração.

Boa sorte.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...