Nuvem de TAG's

Publicidade

Arquivo

Merece Um Clique

Firefox

Visitantes

free counters
  • 05mar

    Olá!

    Vou disponibilizar aqui um sisteminha que fiz usando JQuery para encontrar o endereço da pessoa através do CEP sem precisar recarregar a página, claro :-)

    Como é meio cumprido (mas não é difícil), vou dividir em duas partes este tutorial.

    Nessa primeira parte vamos baixar o  plugin do JQuery e criar nosso formulário de contato, que vai receber todos os “tramites” para a comunicação via ajax com o servidor.

    Vamos nessa?

    1º  Passo: Baixar o plugin. para isso, basta CLICAR AQUI para baixá-lo direto do site oficial. Se acontecer de abrir uma página ao invés de vir o arquivo para download, basta fechá-la e clicar com o botão direiro do mouse no link para escolher a opção “Salvar destino…”

    > Nós vamos criar uma ligação entre este plugin e nossa página HTML que criaremos a seguir, então eu sugiro que você crie uma pasta e coloque os dois arquivos juntos e também que renomeie o plugin para algo mais fácil, como jquery.js por exemplo. Assim facilita a “linkagem” entre os arquivos.

    2º Passo : Criar o formulário de contato

    Ler tudo

    Tags: , ,

  • 11fev

    Hoje vou mostrar algumas técnicas simples de validação de formulário. E como bônus mostro também algumas formas diferentes de exibir as mensagens de erro… Porque esse negócio de caixa de mensagem é meio chato né! hehehehe

    Linguagens usadas: HTML, JavaScript e CSS

    Nota(s):

    No campo de CPF, teste com ele vazio e com qualquer coisa inválida. – As reações são diferentes :-)
    Para cada campo, a mensagem de erro “aparece” de uma forma diferente, e ao clicar no botão de envio todas as mensagens de erro serão exibidas, além da caixinha com a mensagem de erro que é gerada (no fim da página)  somente ao enviar o formulário. Então você deve escolher o que for melhor para você e retirar o restante. Não entendeu? Não esquenta pois no próprio código tem os comentários dizendo o que é o que, e onde deve ser mudado.

    Então vamos ao tutorial!

    Ler tudo

    Tags: , , , ,