4
Formulário em Javascript Código Javascript <html > <head> <meta charset="UTF-8"> <script type="text/javascript"> Nome: Localidade: Nº de BI: Ano de nascimento: Mes de nascimento: Correio Eletrónico: Contacto: Enviar

0158

Embed Size (px)

Citation preview

Page 1: 0158

Formulário em Javascript

Código Javascript

<html

>

<head>

<meta charset="UTF-8">

<script type="text/javascript">

Nome:

Localidade:

Nº de BI:

Ano de nascimento:

Mes de nascimento:

Correio Eletrónico:

Contacto: Enviar

Page 2: 0158

function valida(){

var mensagem=""; // cria a variavel para a mensagem erro, vazia

// testa o comprimento do nome

if (document.registo.nome.value.length == 0) {

mensagem=mensagem+"Introduza o nome ! \n";}

// testa o numero do BI

if (document.registo.numero.value.lenght <7) {

mensagem=mensagem+"Escreva os numeros do BI ! \n";}

// testa se tem apenas algarismos

else if (isNaN (document.registo.numero.value)) {

mensagem=mensagem+"O BI deve ter apenas algarismos ! \n";}

//teste do ano

if (documento.registo.ano.value.lenght<4) {

mensagem=mensagem+"Introduza o ano ! \n";}

// testa se foram introduzidos apenas numeros

else if (isNaN (document.registo.ano.value)) {

mensagem=mensagem+" O ano deve ter apenas algarismos ! \n";}

// testa se o ano é entre 1900 e 2020

else if (documento.registo.ano.value.<=1900 ||

document.registo.ano.value<=2020 ) {

mensagem=mensagem+"O ano deve ser entre 1900 e 2020 !\n";}

// testa o mes

if (documento.registo.mes.value.lenght !=2) {

mensagem=mensagem+"Introduza os 2 caracteres do mes ! \n";}

else if (documento.registo.mes.value.<=1 ||

document.registo.mes.value>12 ) {

mensagem=mensagem+"O mes tem de estar entre 01 e 12! \n";}

//testa o endereço do correio electronico

if (documento.registo.correio.value.indexOF("@") ==-1) {

mensagem=mensagem+"Endereço de correio electronico errado !

\n";}

// testa se o telemovel tem apenas numeros

Page 3: 0158

if (isNaN(documento.registo.telemovel.value)) {

mensagem=mensagem+"O telemovel deve ter apenas numeros" !

\n";}

else if(documento.registo.telemovel.value.lenght !=9){

mensagem=mensagem+"Introduza os 9 numeros do telemovel" !

\n";}

// decide se o formulario está ou não bem preenchido

if (mensagem.length > 0) { // verifica se ha mensagem de erro

alert (mensagem); // apresenta a mensagem de erro

return false; //existe erro, não processa o formulário

}

else {

return true; // não existe erro, processa o formulario

}

}// fim da função valida()

// fim do codigo Javascript escondido

</script>

</head>

<body onload="document.registo.numero.focus()">

<form name="registo"

action="javascriptEnviouFormulario.php"onsubmit="return

valida();">

Nome:<input type="text" name="nome" size="20"

maxlength="50"><br>

Localidade:<input type="text" name="local" size="20"

maxlength="50"><br>

Nº de BI:<input type="text" name="numero" size="8"

maxlength="10"><br>

Ano de nascimento:<input type="text" name="ano" size="4"

maxlength="4"><br>

Mes de nascimento:<input type="text" name="mes" size="2"

maxlength="2"><br>

Correio Electronico:<input type="text" name="correio" size="20"

Page 4: 0158

maxlength="40"><br>

Contacto:<input type="text" name="telemovel" size="9"

maxlength="13"><br>

<input type="submit" value="Enviar">

</form>

</body>

</html>