hidden visivel

[Paulo_Desenvolvedor 0]

boa tarde galera,

 

estou tentando validar um form em javascript, só queria criar um hidden para cada campo... para quando o cliente digitar no campo automatica mudando de campo o hidden ficaria visivel e mostraria o erro. Pode ser também ao clicar no button, agora como faço para deixar ou hidden visivel com erro em javascript?

[Mário Monteiro 179]

Nunca fiz isso mas creio qeu seeja possivel alterar a propriedade type do input via codigo

[Joel_Jw 0]

de uma pesquisada no evento OnError.

 

http://www.w3schools.com/js/js_onerror.asp

 

http://www.javascriptkit.com/javatutors/error.shtml

[Eduardo Penna 0]

Boa tarde amigo.

 

Primeiro de tudo, existe alguma razão específica para mostrar a mensagem de erro num input? Um span ou label acredito que seria mais correto.

 

De qualquer forma, esqueça da propriedade type. Defina no style o display como none ou hidden e quando for mostrar, apenas troque para block, inline ou vazio.

 

Abraço

[Paulo_Desenvolvedor 0]

Bom dia galera...

 

To começando a compreender, existe várias maneiras de se validar um formulario, só que é complicado fazer isso.... Eduardo comecei a buscar sobre o style no modo display e não estou endentendo da maneira que você esta fazendo. Tem como você me mandar um exemplo agradeço.

[Eduardo Penna 0]

Opa, sem problema.

 

Esse seria o input com a mensagem de erro, inicialmente escondido:

 

<input type="text" id="inputMsgErro01" value="minha mensagem de erro" style="display:none">

Para mostra-lo:

 

document.getElementById('inputMsgErro01').style.display = '';

Se quiser alterar a mensagem de erro:

 

document.getElementById('inputMsgErro01').value = 'minha outra mensagem';

Esperto ter sido claro.

 

Abraço