Recomendados
Mais conteúdo relacionado
Destaque
Destaque (10)
Mais de anibalaldeia
Último
Último (20)
Formulário JS validação
- 1. 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
- 2. 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
- 3. 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"
- 4. maxlength="40"><br> Contacto:<input type="text" name="telemovel" size="9" maxlength="13"><br> <input type="submit" value="Enviar"> </form> </body> </html>