Para validar um formulário na web
Uma das funções mais úteis da JavaScript é na crítica e validação de formulários. Com os scripts adequados, podemos alertar os usuários para erros no preenchimento de formulários antes que estes sejam enviados para o programa CGI adequado.
Abaixo temos o exemplo de um script que verifica se o e-mail inserido tem a sintaxe correta (o "@" presente, mas sem estar no começo ou no fim) e avisa quando o formulário não foi preenchido adequadamente. O código abaixo contém todo o HTML da página. Você pode copiar e colar num arquivo em branco e salvá-lo com a extensão .htm para testar o script. Note que neste caso o script está dentro do
e é chamado quando o usuário clica no botão "Envia".
<html><head>
<script>
function enviar() {
if (critica()) {
alert ("Sugestão enviada");
}
else {
document.form1.textoemail.focus();
document.form1.textoemail.select(); }
function critica() {
var email = document.form1.textoemail.value;
if (email.length == 0) {
window.alert ("Você esqueceu de colocar o e-mail");
return false;}
if ((email.indexOf("@",0) < 1) || (email.indexOf("@",0) == email.length - 1)) {
window.alert("Seu e-mail está incorreto");
return false; }
return true;
}
}
</script>
<title>Teste de JavaScript</title></head><body>
<form action=cgiqualquer name=form1>
Seu e-mail<br>
<input type=text name=textoemail size=60>
<br>
<br>
Sua opinião:<br>
<textarea name="comentario" cols=50 rows=6></textarea><br>
<br>
<input type=button value="Envia" onClick="enviar()">
</form>
</body></html>
