A forma mais fácil de validarmos o preenchimento de um formulário é através de comandos Javascript. Neste exemplo, enviamos o formulário por completo para que cada campo seja verificado individualmente se está preenchido ou não.
Apenas enviamos os dados após a submissão do form, mas poderíamos também incluir em cada campo, na opção onblur a execução da função em javascript.
Confira no código abaixo e faça a sua adaptação de acordo com os campos do seu formulário. Aqui incluí comentários sobre o que faz cada parte.
<script>
<!-- Função que faz a validação de cada um dos campos no formulário. -->
function validaDados(form){
<!-- Se o campo.valor for igual a vazio, será mostrado um alert e -->
<!-- o nome do campo ficará em foco. -->
if ( nome.value ==""){
alert("É necessário informar o campo Nome.");
nome.focus();
return false;
}
if ( email.value ==""){
alert("É necessário informar o campo Email.");
email.focus();
return false;
}
}
</script>
<pre>
<body>
<!-- A função validaDados somente será executada ao clicarmos no botão submit
isto é, com a definição onsubmit. enviamos o formulário completo para o
javascript passando o parâmetro this.-->
<form method="post" onsubmit="return validaDados(this)">
<!-- é pelo id dos campos que o javascript resgata o valor e foca o cursor
no caso de erro-->
Nome: <input type="text" id="nome" />
Email: <input type="text" id="email" />
<input type=submit>
</form>
</body>
-
Neste post vou listar 4 ótimos temas prontos que utilizam bootstrap em áreas administrativas. São temas de alta qualidade e o melhor, total... -
Existe comodidade maior do que poder levar não só o seu servidor e banco de dados para qualquer computador como todo o seu sistema web dese... -
Neste post vou mostrar como incluir um banner rotativo no seu site. As imagens deste post foram escolhidas aleatoriamente apenas para tít... -
Um ótimo exemplo de mudança de imagem de fundo de acordo com a resolução da tela, é o site da starbucks.com.br. Com a tela maximizada, a... -
Neste post demonstro como fazer um sistema simples de autenticação de usuário em base MySQL com PHP e registrando dados em sessão. Exis... -
A dica da semana fica com os sites geradores de paletas de cores para uso nos nossos arquivos CSS ou ainda para trabalharmos com um padrão ... -
Continuando com o post PHP: Básico: Criação de tabela e inserção de dados , neste post vou demonstrar como criamos uma listagem básica de ... -
A dica desta semana é o site http://www.canva.com , uma excelente ferramenta para construção de banners, ebooks, elementos de design, anúnc... -
Neste post vou mostrar como trabalhar com Div no html. A tag <div> serve principalmente para posicionar objetos em uma página ...
-
Neste post vou demonstrar como faremos o download e a instalação do SQL Server Express 2014 . Vamos instalar o sql express e o Sql Server...
0 comments:
Postar um comentário