Vamos ao primeiro exemplo de utilização da função getElementById.
<html> <head> <script type="text/javascript"> function verificaCampo(){ var v_campoTexto = document.getElementById('campoTexto'); if(v_campoTexto.value != "") alert("Você digitou: " + v_campoTexto.value) else alert("Por favor, preencha o campo!") } </script> </head> <body> <input type="text" id="campoTexto" style="border:#FF0000 solid 2px" /> <input type="button" onclick="verificaCampo()" value="Verificar Campo" style="background-color:#000000;color:#FFFFFF"/> </body> </html>
Resultado:
Campo de texto: id = campoTexto.
Botão: evento onclick chama função verificaCampo().
Função verificaCampo(): atribui o valor do campo de texto a uma variável. Depois é verificado se o valor obtido é diferente de “branco”. Conforme o conteúdo da variável é exibido uma mensagem através do método Alert.
Related posts:
