Formador: Marcelo Amorim Incio do mdulo: 21-02-2011

Agora que j estudamos a estrutura bsica do cdigo em JavaScript e as suas estruturas, iremos agora estudar alguns exemplos prticos que demonstram a utilizao de cdigos em JavaScript:
Eventos onSubmit e onKeyPress Mostrar mensagens na barra de estado

Verificao e confirmao de senhas

Senha com mnimo de caracteres Validao de campos

Eventos onSubmit e onKeyPress:

Evento onSubmit: Ocorre quando um boto do tipo Submit

recebe um clique do rato. Vlido apenas para a tag <Form>.

Evento onKeyPress: Ocorre quando uma tecla for pressionada.

Mostrar mensagem na barra de estado:

<script language="javascript">

window.defaultStatus="Sua Mensagem vai aparecer aqui"

</script>

<script language="JavaScript"> function validacao(){ senha = document.form1.senha.value senha2 = document.form1.senha2.value if (senha != senha2){ alert("Confirmao de Senha Incorreta") document.form1.senha.focus() return false } } </script>

<form name="form1" action=pagina.html" method="post" onSubmit="return validacao()">

Senha: <input type="password" name="senha" size="20"> Confirme a senha: <input type="password" name="senha2" size="20"> <input type="submit" value="Enviar"> </form>

<script language="JavaScript"> function validacao(){ senha = document.form1.senha.value senha2 = document.form1.senha2.value if (senha == senha2){ if (senha.length<6){ alert("Senha dever conter no mnimo 6 caracteres") return false } } (continuao )

(continuao ) else { alert("Confirmao de Senha Incorreta") document.form1.senha.focus() return false } } </script>

<script language="JavaScript"> function validacao(){ nome = document.form1.nome.value email= document.form1.email.value msg = "" if (nome == "" || email == "") { if (nome == "") { msg = " \n NOME "} if (email == "") { msg = msg + " \n EMAIL"}
(continuao )

(continuao )
alert(Preencha os campos abaixo + msg) return false } else { return true

}
} </script>

<form name="form1" action=pagina.html" method="post onSubmit="return validacao()">

E-mail: <input type="text" name="email" size="20"> Nome: <input type="text" name="nome" size="20"> <input type="submit" value="Enviar">
</form>