Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validar campos e exibir mensagens em label

16-10-2011 16:54

Mostro nesse exemplo abaixo um script de validação, para não permitir envio de campos vazio do formulário, onde a mensagem de erro é exibida dentro do label.

<script src="jquery.js"></script> <script> $(document).ready(function() { $('form').submit(function() { if($('#nome').val()=='') { $("label[for='nome']").text('O campo nome deve ser preenchido.'); return false; } else { $("label[for='nome']").text(''); } if($('#email').val()=='') { $("label[for='email']").text('O campo email deve ser preenchido.'); return false; } else { $("label[for='email']").text(''); } }); }); </script> <form action="teste.php" method="post"> Nome: <input type="text" name="nome" id="nome" value=""> <label for="nome"></label> <br /> Email: <input type="text" name="email" id="email" value=""> <label for="email"></label> <br /> <input type="submit"> </form>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Mensagens: 102
Nome: Erivelton Ferreira
Descrição do site: A melhor web rádio da internet (Radio Killer)
Sexo: Masculino
Localização: Apuiarés - CE
Contato:

Validar campos e exibir mensagens em label

20-03-2012 13:26

Bom, eu queria saber como criar um elemento completo ao lado do input.
exemplo se eu deixo o campo em branco ele cria uma div ao lado do input com um ícone de erro. e uma mensagem
igual ao do https://twitter.com/signup
0
www.radiokiller.com.br
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Validar campos e exibir mensagens em label

20-03-2012 13:47

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]