Exemplos do Capítulo Anterior-|-Próximo Exemplo-|-Retornar à Listagem dos Capítulos
Exemplo 12.1:
onblur: Validação do Formulário
Este formulário usa a rotina de tratamento de eventos onblur para verificar a entrada do formulário. Observe, porém, que se você inserir texto em vez de um número, obterá uma mensagem de erro. Veremos como corrigir isso mais tarde.
Digite uma idade de 17 ou menos, depois dê um clique fora da caixa de texto para ver o que acontece. Depois, experimente digitar uma idade de 100 ou mais.
Estes são os scripts que usamos. Primeiro, na seção HEAD:
<![CDATA[
<SCRIPT LANGUAGE="JavaScript">
<!--
function testaIdade(form) {
var nIdade = form.caixaIdade.value;
if (nIdade >= 18) {
if (nIdade >=100) {
alert("Você informou uma idade de " + nIdade +". Tem certeza que isso está correto?")
}
}
else {
alert("Você informou uma idade de " + nIdade + ". Você precisa ser maior de 18 anos para usar este serviço!")
}
}
//-->
</SCRIPT>
]]>
Em seguida, criamos este elemento form:
<![CDATA[
<FORM>
Digite sua idade (você precisa ter mais de 10 anos): <BR>
<INPUT TYPE="text" NAME="caixaIdade" onblur="testaIdade(this.form)">
</FORM>
]]>
Exemplos do Capítulo Anterior-|-Próximo Exemplo-|-Retornar à Listagem dos Capítulos