Uma vez que você tenha um formulário em HTML instalado, você geralmente desejará ter certeza de que todos os campos importantes estão preenchidos. Por exemplo, se você enviar uma carta de confirmação por e-mail, o endereço de e-mail deverá ser incluído nos campos do formulário. e deve ser um endereço de e-mail que funcione.
Existem duas maneiras de validar seus formulários:
- Usando JavaScript
- Usando um script CGI
Os profissionais de usar o JavaScript para validar formulários
- Usando javascript você não usa nenhum tempo do processador do servidor. Todo o processamento é feito no computador cliente.
- Muitas vezes parece funcionar mais rápido que a validação CGI.
- Como a página de formulário não foi alterada, é fácil para o leitor corrigir os erros.
Os contras de usar o JavaScript para validar formulários
- O JavaScript funciona somente em navegadores que o habilitam. Se o JavaScript estiver desativado, sua verificação de erros não será concluída.
Os profissionais do uso de CGI para validar formulários
- Usando um CGI para validar garante que toda vez que o formulário é submetido, a validação será executada.
Os contras do uso de CGI para validação de formulários
- O CGI coloca mais carga no servidor da Web e todas as funções incluídas no CGI são mais uma tarefa para o servidor.
- O CGI pode ser lento para ser executado.
- Se houver um erro, o cliente deve voltar para a primeira página do formulário ou o CGI precisa de outra função para reescrever a página do formulário.
A maneira como lidei com isso é ter a maioria das verificações de erros feitas com JavaScript. Dessa forma, é rápido e fácil para os leitores. Eu então reaprovo os elementos vitais do formulário com o CGI.
Como usar o JavaScript para validar formulários HTML
A premissa básica de criar validação de formulário é procurar os nomes dos elementos de formulário necessários e, se estiverem vazios, exibir uma mensagem de erro.
A maioria dos programas de verificação de erros verifica cada campo, um de cada vez, e exibe um erro de cada vez. Isso pode tornar o preenchimento do formulário tedioso e as pessoas podem parar no meio. Se você usar o seguinte script e fonte Perl, saberá como validar um formulário inteiro de uma só vez, exibindo uma série de mensagens de erro que o seu leitor poderá voltar e corrigir.
O JavaScript para validar um formulário
Na parte principal do seu HTML, você deve criar um script para fazer a validação do formulário:
- Configure o script e verifique se ele está oculto em navegadores que não conseguem lidar com JavaScript.
Então, para chamar o script, coloque um elemento onsubmit na tag form:
CGI para validação de formulários
Esse snippet CGI de script Perl faz a mesma coisa que o JavaScript. Ele verifica se os campos necessários estão lá e, se não, salva uma mensagem de erro em uma variável para exibição:
#! / usr / local / bin / perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Por favor, selecione na caixa suspensa.';}if ($ in {'words'} eq ""){ $ error + = "Por favor, inclua algumas palavras na caixa de texto.';}# … continue validando todos os camposif (erro $) print "Tipo de conteúdo: text / html n n"; impressão "
Ocorreu um erro
'; print $ error; print "Por favor, volte e corrija esses erros."; impressão "';} outro { # Continue com o CGI …}
A diferença de como o CGI grava a mensagem de erro é que, em vez de um " n", ele usa a tag de parágrafo HTML para colocar uma nova linha entre cada erro.
E agora você validou seu formulário
Com os dois métodos, CGI e JavaScript, você validou um formulário HTML para que mais das partes enviadas a você sejam precisas.
