Olá! Tuesday, 02 de September de 2014.



Dicas CódigoFonte.net
Monday, 16 de June de 2008

Cadastro de clientes com HTML + PHP

Olá a todos, estou começando a estudar PHP+MySQL e estou aqui para ajudar vocês a criar um formulário completo de clientes.

Vamos lá, primeiramente vamos iniciar com o código HTML, eu inseri um pequeno código em JAVASCRIPT para validação dos campos digitados pelo usuário.

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>CADASTRO DE CLIENTES COM BANCO DE DADOS E PHP</title>
  5. <style type="text/css">
  6. <!--
  7. .style1 {
  8. color: #FF0000;
  9. font-size: x-small;
  10. }
  11. .style3 {color: #0000FF; font-size: x-small; }
  12. </style>
  13. <script type="text/javascript">
  14. function validaCampo()
  15. {
  16. if(document.cadastro.nome.value=="")
  17. {
  18. alert("O Campo nome é obrigatório!");
  19. return false;
  20. }
  21. else
  22. if(document.cadastro.email.value=="")
  23. {
  24. alert("O Campo email é obrigatório!");
  25. return false;
  26. }
  27. else
  28. if(document.cadastro.endereco.value=="")
  29. {
  30. alert("O Campo endereço é obrigatório!");
  31. return false;
  32. }
  33. else
  34. if(document.cadastro.cidade.value=="")
  35. {
  36. alert("O Campo Cidade é obrigatório!");
  37. return false;
  38. }
  39. else
  40. if(document.cadastro.estado.value=="")
  41. {
  42. alert("O Campo Estado é obrigatório!");
  43. return false;
  44. }
  45. else
  46. if(document.cadastro.bairro.value=="")
  47. {
  48. alert("O Campo Bairro é obrigatório!");
  49. return false;
  50. }
  51. else
  52. if(document.cadastro.pais.value=="")
  53. {
  54. alert("O Campo país é obrigatório!");
  55. return false;
  56. }
  57. else
  58. if(document.cadastro.login.value=="")
  59. {
  60. alert("O Campo Login é obrigatório!");
  61. return false;
  62. }
  63. else
  64. if(document.cadastro.senha.value=="")
  65. {
  66. alert("Digite uma senha!");
  67. return false;
  68. }
  69. else
  70. return true;
  71. }
  72. <!-- Fim do JavaScript que validará os campos obrigatórios! -->
  73. </script>
  74. </head>
  75.  
  76. <body>
  77. <form id="cadastro" name="cadastro" method="post" action="cadastro.php" onsubmit="return validaCampo(); return false;">
  78.   <table width="625" border="0">
  79.     <tr>
  80.       <td width="69">Nome:</td>
  81.       <td width="546"><input name="nome" type="text" id="nome" size="70" maxlength="60" />
  82.         <span class="style1">*</span></td>
  83.     </tr>
  84.     <tr>
  85.       <td>Email:</td>
  86.       <td><input name="email" type="text" id="email" size="70" maxlength="60" />
  87.       <span class="style1">*</span></td>
  88.     </tr>
  89.     <tr>
  90.       <td>Sexo:</td>
  91.       <td><input name="sexo" type="radio" value="Masculino" checked="checked" />
  92.         Masculino
  93.         <input name="sexo" type="radio" value="Feminino" />
  94.         Feminino <span class="style1">*</span> </td>
  95.     </tr>
  96.     <tr>
  97.       <td>DDD:</td>
  98.       <td><input name="ddd" type="text" id="ddd" size="4" maxlength="2" />
  99.       Telefone:
  100.         <input name="telefone" type="text" id="telefone" />
  101.         <span class="style3">Apenas números</span> </td>
  102.     </tr>
  103.     <tr>
  104.       <td>Endereço:</td>
  105.       <td><input name="endereco" type="text" id="endereco" size="70" maxlength="70" />
  106.         <span class="style1">*</span></td>
  107.     </tr>
  108.     <tr>
  109.       <td>Cidade:</td>
  110.       <td><input name="cidade" type="text" id="cidade" maxlength="20" />
  111.         <span class="style1">*</span></td>
  112.     </tr>
  113.     <tr>
  114.       <td>Estado:</td>
  115.       <td><select name="estado" id="estado">
  116.         <option>Selecione...</option>
  117.         <option value="AC">AC</option>
  118.         <option value="AL">AL</option>
  119.         <option value="AP">AP</option>
  120.         <option value="AM">AM</option>
  121.         <option value="BA">BA</option>
  122.         <option value="CE">CE</option>
  123.         <option value="ES">ES</option>
  124.         <option value="DF">DF</option>
  125.         <option value="MA">MA</option>
  126.         <option value="MT">MT</option>
  127.         <option value="MS">MS</option>
  128.         <option value="MG">MG</option>
  129.         <option value="PA">PA</option>
  130.         <option value="PB">PB</option>
  131.         <option value="PR">PR</option>
  132.         <option value="PE">PE</option>
  133.         <option value="PI">PI</option>
  134.         <option value="RJ">RJ</option>
  135.         <option value="RN">RN</option>
  136.         <option value="RS">RS</option>
  137.         <option value="RO">RO</option>
  138.         <option value="RR">RR</option>
  139.         <option value="SC">SC</option>
  140.         <option value="SP">SP</option>
  141.         <option value="SE">SE</option>
  142.         <option value="TO">TO</option>
  143.           </select>
  144.         <span class="style1">*      </span></td>
  145.     </tr>
  146.     <tr>
  147.       <td>Bairro:</td>
  148.       <td><input name="bairro" type="text" id="bairro" maxlength="20" />
  149.         <span class="style1">*</span></td>
  150.     </tr>
  151.     <tr>
  152.       <td>País:</td>
  153.       <td><input name="pais" type="text" id="pais" maxlength="20" />
  154.         <span class="style1">*</span></td>
  155.     </tr>
  156.     <tr>
  157.       <td>Login:</td>
  158.       <td><input name="login" type="text" id="login" maxlength="12" />
  159.         <span class="style1">*</span></td>
  160.     </tr>
  161.     <tr>
  162.       <td>Senha:</td>
  163.       <td><input name="senha" type="password" id="senha" maxlength="12" />
  164.           <span class="style1">*</span></td>
  165.     </tr>
  166.     <tr>
  167.       <td colspan="2"><input name="news" type="checkbox" id="news" value="ATIVO" checked="checked" />
  168. Desejo receber novidades e informações sobre o conteúdo deste site. </td>
  169.     </tr>
  170.     <tr>
  171.       <td colspan="2"><p>
  172.         <input name="cadastrar" type="submit" id="cadastrar" value="Concluir meu Cadastro!" />
  173.        
  174.  
  175.           <input name="limpar" type="reset" id="limpar" value="Limpar Campos preenchidos!" />
  176.          
  177.  
  178.           <span class="style1">* Campos com * são obrigatórios!          </span></p>
  179.       <p>  </p></td>
  180.     </tr>
  181.   </table>
  182. </form>
  183. </body>
  184. </html>


Após criado nosso formulário vamos dar o nome dele de cadastro.html

Partimos então para o cadastro.php
Eu comentei todo o código para ficar bem facil para nosso entendimento.
Então vamos partir para o cadastro.php

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Cadastro realizado com sucesso!</title>
  5. </head>
  6. <body>
  7. <?php
  8. // RECEBENDO OS DADOS PREENCHIDOS DO FORMULÁRIO !
  9. $nome= $_POST ["nome"];//atribuição do campo "nome" vindo do formulário para variavel
  10. $email= $_POST ["email"];//atribuição do campo "email" vindo do formulário para variavel
  11. $ddd= $_POST ["ddd"];//atribuição do campo "ddd" vindo do formulário para variavel
  12. $tel= $_POST ["telefone"];//atribuição do campo "telefone" vindo do formulário para variavel
  13. $endereco= $_POST ["endereco"];//atribuição do campo "endereco" vindo do formulário para variavel
  14. $cidade= $_POST ["cidade"];//atribuição do campo "cidade" vindo do formulário para variavel
  15. $estado= $_POST ["estado"];//atribuição do campo "estado" vindo do formulário para variavel
  16. $bairro = $_POST ["bairro"];//atribuição do campo "bairro" vindo do formulário para variavel
  17. $pais= $_POST ["pais"];//atribuição do campo "pais" vindo do formulário para variavel
  18. $login= $_POST ["login"];//atribuição do campo "login" vindo do formulário para variavel
  19. $senha= $_POST ["senha"];//atribuição do campo "senha" vindo do formulário para variavel
  20. $news= $_POST ["news"];//atribuição do campo "news" vindo do formulário para variavel
  21. $sexo= $_POST ["sexo"];//atribuição do campo "sexo" vindo do formulário para variavel
  22.  
  23. //Gravando no banco de dados ! conectando com o localhost - mysql
  24. $conexao = mysql_connect("localhost","root"); //localhost é onde esta o banco de dados.
  25. if (!$conexao)
  26. die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());
  27.  
  28. //conectando com a tabela do banco de dados
  29. $banco = mysql_select_db("clientes",$conexao); //nome da tabela que deseja que seja inserida os dados cadastrais
  30. if (!$banco)
  31. die ("Erro de conexão com banco de dados, o seguinte erro ocorreu -> ".mysql_error());
  32.  
  33.  
  34. //Query que realiza a inserção dos dados no banco de dados na tabela indicada acima
  35. $query = "INSERT INTO `clientes` ( `nome` , `email` , `sexo` , `ddd` , `telefone` , `endereço` , `cidade` , `estado` , `bairro` , `país` , `login` , `senha` , `news` , `id` )
  36. VALUES ('$nome', '$email', '$sexo', '$ddd', '$tel', '$endereco', '$cidade', '$estado', '$bairro', '$pais', '$login', '$senha', '$news', '')";
  37. mysql_query($query,$conexao);
  38. ########## • Explicação da query • ##########
  39. #$query = nome da variavel que decidi#
  40. #utilizar para realizar a operação.#
  41. #############################################
  42. #clientes = nome da tabela que será salvo#
  43. #os dados do cadastro do cliente#
  44. #############################################
  45. #nome, email, sexo, ddd, telefone,#
  46. #endereço, cidade, estado, bairro, país,#
  47. #login, senha, news, id.#
  48. ##
  49. #São apenas os nomes dos campos que #
  50. #constam na tabela clientes.#
  51. #############################
  52. #VALUES = indica que serão inseridos os#
  53. #seguintes valores.#
  54. #############################################
  55. #$nome, $email, $sexo, $ddd, $telefone,#
  56. #$endereço, $cidade, $estado, $bairro, #
  57. #$país, $login, $senha, $news, $id.#
  58. #############################
  59. #São apenas as variaveis a qual eu#
  60. #atribui os valores digitados no formulá-#
  61. #rio.#
  62. #############################################
  63. echo "Seu cadastro foi realizado com sucesso!Agradecemos a atenção.";
  64. //mensagem que é escrita quando os dados são inseridos normalmente.
  65. ?>
  66. </body>
  67. </html>


Como este é minha primeira matéria, eu resolvi colocar a tabela que deve ser criada no banco de dados, também para funcionamento completo do formulário.

comando SQL:

  1. CREATE TABLE `clientes` (
  2. `nome` VARCHAR( 60 ) NOT NULL ,
  3. `email` VARCHAR( 60 ) NOT NULL ,
  4. `sexo` VARCHAR( 10 ) NOT NULL ,
  5. `ddd` INT( 2 ) ,
  6. `telefone` INT( 8 ) ,
  7. `endereço` VARCHAR( 70 ) NOT NULL ,
  8. `cidade` VARCHAR( 20 ) NOT NULL ,
  9. `estado` VARCHAR( 2 ) NOT NULL ,
  10. `bairro` VARCHAR( 20 ) NOT NULL ,
  11. `país` VARCHAR( 20 ) NOT NULL ,
  12. `login` VARCHAR( 12 ) NOT NULL ,
  13. `senha` VARCHAR( 12 ) NOT NULL ,
  14. `news` VARCHAR( 8 ) ,
  15. `id` INT( 200 ) AUTO_INCREMENT ,
  16. UNIQUE (
  17. `id`
  18. )
  19. );


Obrigado a todos espero que consigam entender o código e seus comentários. Deixo meu email para duvidas, [email protected]

Até a proxima matéria.

Comentários do artigo [Novo comentário]

Vinicius - 02 de July de 2008 - 20:45
Você ainda poderia fazer uma verificação para ver se o cliente ja existe,
$query_ver_sql = mysql_query("SELECT `login` FROM `clientes` WHERE `login` = '$login'"); // seleciona todos os logins existe com o login digitado pelo usuario
$query_ver= mysql_num_rows($query_ver_sql); // conta quantos registros foram encontrados na query anterior
if($query_ver>0){
echo "Este login já esta em uso";
} else {
echo "Esta login não esta em uso";
}
caso não seja feita a verificação se o login ja existe poderia ocorrer "bugs" no momento de efetuar login no site
Marcio Souza - 29 de July de 2008 - 16:48
Amigo voce sabe algum formulário de contato que use html + php ?? e que tbm tenha campos obrigatorios? eu entendi seu raciocinio mas me perdi em algumas linhas,pois não entende nada de sql! Voce pode me ajudar? me manda um e-mail para [email protected] ok?? fico no aguardo!
sosmartinsacessorios - 27 de October de 2008 - 01:24
posso usar esse codigos no front page
Paulo Antonio de Carvalho - 02 de December de 2008 - 14:48
porque eu colocoos codigo e eles não abre, so aparece os codigo enão o modelos.
mari marson - 08 de December de 2008 - 09:07
bom dia,
uma duvida =/

Quando termino de colocar o comando SQL, da mensagem de erro no final, assim :
ERROR 1046 (3D000): NO DATABASE SELECTED

poderia me ajudar?
andre - 10 de January de 2009 - 07:44
ewew
andre - 10 de January de 2009 - 07:44
eee
ramon ribeiro farias - 20 de April de 2009 - 16:39
consegui fazer tudo certinho mais quando chega nessa parte do sql eu naum sei fazer nada rs
desculpa a ignorancia e que sou novato no assunto
se puder me explica
desde ja agradeco
Carlos Oliveira - 21 de April de 2009 - 21:26
Amigo gostei muito do tutorial.
Gostaria que me ajudasse a criar um semelhante mas quero só para cadastrar e-mail e nome da pessoa.
Achei alguns esquemas aqui no site para tipo newsletter mas não consegui fazer nenhum funcionar.
Marcio Rodrigues de Moura - 12 de May de 2009 - 20:33
boa noite, gostei mto do seu tuto, dae peguei ele modifiquei, e nao consegui faze-lo inserir no DB, e mesmo assim ele da mensagem de concretizado.....não sei o que é se puderes me ajudar.
leandro teixeira - 18 de August de 2009 - 16:29
Otimo tuto mas a pagina htm nao aparece nada e a php da estes erros
Notice: Undefined index: news in C:\Arquivos de programas\EasyPHP 2.0b1\www\Exercicios\cliente\cadastro.php on line 20

Notice: Undefined index: sexo in C:\Arquivos de programas\EasyPHP 2.0b1\www\Exercicios\cliente\cadastro.php on line 21
Seu cadastro foi realizado com sucesso!Agradecemos a atenção.
NILSON DA SILVA BRITES - 08 de September de 2009 - 03:51
cara fiquei confuso,.... nao sei nada de php... e mysql e fiquei pensaqndo onde eu coloco o comando sql?
rsrsrs
Selma Rodrigues - 02 de December de 2009 - 17:59
Gostaria de criar exatamente o que vcs fizeram aí em cima. uma local (os códigos) para que as pessoas que entrassem no site deixassem seus comentários
Selma Rodrigues - 02 de December de 2009 - 17:59
igual a esse aqui que estou escrevendo dentro
willian - 11 de December de 2009 - 08:38
affz cara naum entendo de nada mas tipo eu aprendo muito rapido e fikei confuso a onde eu coloko akeles outros codigo ?? flw
silvia P. - 15 de January de 2010 - 20:15
Valeu Obrigado!!!!!!!!!!!!!!!!!!!!!!!!!!
Com estes codigos consegui criar o cadastro, alterei alguns campos ,também tirei a obrigatoriedade de preenchimento de alguns campos e funcionou....

Como sou iniciante da iniciante, apanhei um pouco no copiar e colar os códigos - pois como uso o Dreanweaver e nele já <title> ..... <title> , dai até eu eliminar este nao rodava....

LAURENI GOMES - 28 de January de 2010 - 16:24
O tutorial está muito bem explicado, porém, este formulário html não aparece no navegador.
kaue endrigo - 15 de February de 2010 - 11:25
Detalhe, não tem como logar, e tem que ter senha na db e não selecionar uma db, somente o bando de dados, eu fiz e funcionou: http://hph.ueuo.com/cadastro/cadastro.html
alexandre amorim - 23 de February de 2010 - 13:52
Galera eu sou novo com programação em php e mysql, eu queria uma ajuda para fazer inserir no bd e mandar essas informações para um email, quem puder ajudar agradeço. usei este tuto mas pra mim da erro, pois adaptei com o que eu tinha aki. vlw.
alexandre amorim - 23 de February de 2010 - 14:49
mais uma coisa que esqueci de falar o site está hospedado, como faço para conectar ao banco, tem que ver se o site de hospedagem da suporte ao bd my sql. como eh isso?????
alexandre amorim - 17 de March de 2010 - 18:11
como faço para verificar se o registro ja existe? e para enviar o registro para um emai????
E os dados qual função que uso para criptografar elas?
Tiago silva costa - 14 de June de 2010 - 11:27
Belo post, ajudou pra caramba.

Galera sou novo por aqui, gostaria de pedir ajuda de vc's, estou com um trabalho para fazer so que naum estou conseguindo, se algum puder me ajudar ficarei muito grato.
matheus - 20 de August de 2010 - 22:12
Eu queria que alguem ensina passo a passo a criar o banco de dados, dizendo onde ir e onde colocar os codigos, tambem nao entendo nada de mysql, isso parece coisa do capeta,rsrs. Vlw
lennon mendonça - 19 de September de 2010 - 17:24
cara eu fiz o cadastro em html e em php eu só não sei como fazer o comando SQL não sei aonde colocar ou se tem que ter algum programa ou se o dreamweaver da pra fazer, não sei
manda um email se possivel para mim
[email protected]
Rodrigo Alves - 26 de November de 2010 - 11:12
Lennon mendonça, vc tem que ter um banco de dados para manipular os dados. Instale o Wamp ou Xamp, neles vem o Mysql, PHP e o PHPAdymim, ai vc consegue criar o banco de dados.
Ed junior - 27 de July de 2011 - 18:04
tenho o mesmo problema, na hora do banco estou enrolado, ja instalei o xampp. agora como q faço para criar o banco e as tabelas? alguem poderia fazer um passo a passo?
Anderson Vinicius - 15 de February de 2012 - 10:37
primeiro tem q criar a database no mysql

create database formulario;
use formulario
CREATE TABLE `clientes` (
`nome` VARCHAR( 60 ) NOT NULL ,
`email` VARCHAR( 60 ) NOT NULL ,
`sexo` VARCHAR( 10 ) NOT NULL ,
`ddd` INT( 2 ) ,
`telefone` INT( 8 ) ,
`endereço` VARCHAR( 70 ) NOT NULL ,
`cidade` VARCHAR( 20 ) NOT NULL ,
`estado` VARCHAR( 2 ) NOT NULL ,
`bairro` VARCHAR( 20 ) NOT NULL ,
`país` VARCHAR( 20 ) NOT NULL ,
`login` VARCHAR( 12 ) NOT NULL ,
`senha` VARCHAR( 12 ) NOT NULL ,
`news` VARCHAR( 8 ) ,
`id` INT( 200 ) AUTO_INCREMENT ,
UNIQUE (
`id`
)
);
Marcelo Henrique - 24 de February de 2012 - 20:34
Bom tropico . Preciso de ajuda urgente *--*
Criei uma pagina de cadastro . ta tudo funcionando do jeito q eu quero . problema e q eu to procurando um código q não deixe 2 " login" iguais ... e uma pagina de troca de senha . não to conseguindo fazer de jeito nenhum .. POR FAVOR PRECISO DISSO URGENTE .. AGRADEÇO SE AJUDAREM =) E-mail e msn : [email protected] ...
Marcelo Henrique - 24 de February de 2012 - 20:38
Pessoal no caso mysql_select_db abre o banco de dados . *--*.. só substituir o clientes pelo nome do seu banco de dados e fica perfeito .. ... Alguém ajuda pls sobre o comentário ali em cima =)
Ivan luiz ribeiro de lima - 07 de June de 2012 - 13:39
Pessoal Alguem pode por favor me dizer pq nao aparece codigos nos campos rsrsrs
Fernando Henrique Gusson Gotardi - 04 de July de 2012 - 16:29
Pessoal esta retornando o seguinte erro pra mim:
Unknown database 'clientes'
Alguém pode me ajudar???
Fernando Henrique Gusson Gotardi - 05 de July de 2012 - 16:11
Estou tendo problemas com mysql, o erro acima consegui resolver adicionando a tabela dentro do banco clientes, porém, agora o browser me retorna a informação que os dados foram gravados com sucesso mas não alimenta o BD. Alguem imagina o q pode ser?
leonardo rodrigues da silva - 19 de February de 2014 - 16:44
essa parte dos codigos eu ate entendo, e se nao entender desenrrolo. mas só tenho uma duvida, sobre o cadastro da pessoa que irá se cadastrar pra onde ira todas as informaçoes, se é necessario criar uma pasta para o cadastro. como posso deixar visivel para algumas empresas em pdf ou qualquer outro arquivo.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010