Olá! Sexta Feira, 19 de Março de 2010.


Dicas CódigoFonte.net
Segunda Feira, 16 de Junho 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. 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CADASTRO DE CLIENTES COM BANCO DE DADOS E PHP</title>
<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-size: x-small;
}
.style3 {color: #0000FF; font-size: x-small; }
</style>
<script type="text/javascript">
function validaCampo()
{
if(document.cadastro.nome.value=="")
{
alert("O Campo nome é obrigatório!");
return false;
}
else
if(document.cadastro.email.value=="")
{
alert("O Campo email é obrigatório!");
return false;
}
else
if(document.cadastro.endereco.value=="")
{
alert("O Campo endereço é obrigatório!");
return false;
}
else
if(document.cadastro.cidade.value=="")
{
alert("O Campo Cidade é obrigatório!");
return false;
}
else
if(document.cadastro.estado.value=="")
{
alert("O Campo Estado é obrigatório!");
return false;
}
else
if(document.cadastro.bairro.value=="")
{
alert("O Campo Bairro é obrigatório!");
return false;
}
else
if(document.cadastro.pais.value=="")
{
alert("O Campo país é obrigatório!");
return false;
}
else
if(document.cadastro.login.value=="")
{
alert("O Campo Login é obrigatório!");
return false;
}
else
if(document.cadastro.senha.value=="")
{
alert("Digite uma senha!");
return false;
}
else
return true;
}
<!-- Fim do JavaScript que validará os campos obrigatórios! -->
</script>
</head>

<body>
<form id="cadastro" name="cadastro" method="post" action="cadastro.php" onsubmit="return validaCampo(); return false;">
  <table width="625" border="0">
    <tr>
      <td width="69">Nome:</td>
      <td width="546"><input name="nome" type="text" id="nome" size="70" maxlength="60" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Email:</td>
      <td><input name="email" type="text" id="email" size="70" maxlength="60" />
      <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Sexo:</td>
      <td><input name="sexo" type="radio" value="Masculino" checked="checked" />
        Masculino 
        <input name="sexo" type="radio" value="Feminino" />
        Feminino <span class="style1">*</span> </td>
    </tr>
    <tr>
      <td>DDD:</td>
      <td><input name="ddd" type="text" id="ddd" size="4" maxlength="2" />
      Telefone:
        <input name="telefone" type="text" id="telefone" />
        <span class="style3">Apenas números</span> </td>
    </tr>
    <tr>
      <td>Endereço:</td>
      <td><input name="endereco" type="text" id="endereco" size="70" maxlength="70" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Cidade:</td>
      <td><input name="cidade" type="text" id="cidade" maxlength="20" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Estado:</td>
      <td><select name="estado" id="estado">
        <option>Selecione...</option>
        <option value="AC">AC</option>
        <option value="AL">AL</option>
        <option value="AP">AP</option>
        <option value="AM">AM</option>
        <option value="BA">BA</option>
        <option value="CE">CE</option>
        <option value="ES">ES</option>
        <option value="DF">DF</option>
        <option value="MA">MA</option>
        <option value="MT">MT</option>
        <option value="MS">MS</option>
        <option value="MG">MG</option>
        <option value="PA">PA</option>
        <option value="PB">PB</option>
        <option value="PR">PR</option>
        <option value="PE">PE</option>
        <option value="PI">PI</option>
        <option value="RJ">RJ</option>
        <option value="RN">RN</option>
        <option value="RS">RS</option>
        <option value="RO">RO</option>
        <option value="RR">RR</option>
        <option value="SC">SC</option>
        <option value="SP">SP</option>
        <option value="SE">SE</option>
        <option value="TO">TO</option>
          </select>
        <span class="style1">*      </span></td>
    </tr>
    <tr>
      <td>Bairro:</td>
      <td><input name="bairro" type="text" id="bairro" maxlength="20" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>País:</td>
      <td><input name="pais" type="text" id="pais" maxlength="20" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Login:</td>
      <td><input name="login" type="text" id="login" maxlength="12" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Senha:</td>
      <td><input name="senha" type="password" id="senha" maxlength="12" />
          <span class="style1">*</span></td>
    </tr>
    <tr>
      <td colspan="2"><input name="news" type="checkbox" id="news" value="ATIVO" checked="checked" />
Desejo receber novidades e informações sobre o conteúdo deste site. </td>
    </tr>
    <tr>
      <td colspan="2"><p>
        <input name="cadastrar" type="submit" id="cadastrar" value="Concluir meu Cadastro!" /> 
        

          <input name="limpar" type="reset" id="limpar" value="Limpar Campos preenchidos!" />
          

          <span class="style1">* Campos com * são obrigatórios!          </span></p>
      <p>  </p></td>
    </tr>
  </table>
</form>
</body>
</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 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cadastro realizado com sucesso!</title>
</head>
<body>
<?php 
// RECEBENDO OS DADOS PREENCHIDOS DO FORMULÁRIO !
$nome= $_POST ["nome"];//atribuição do campo "nome" vindo do formulário para variavel
$email= $_POST ["email"];//atribuição do campo "email" vindo do formulário para variavel
$ddd= $_POST ["ddd"];//atribuição do campo "ddd" vindo do formulário para variavel
$tel= $_POST ["telefone"];//atribuição do campo "telefone" vindo do formulário para variavel
$endereco= $_POST ["endereco"];//atribuição do campo "endereco" vindo do formulário para variavel
$cidade= $_POST ["cidade"];//atribuição do campo "cidade" vindo do formulário para variavel
$estado= $_POST ["estado"];//atribuição do campo "estado" vindo do formulário para variavel
$bairro = $_POST ["bairro"];//atribuição do campo "bairro" vindo do formulário para variavel
$pais= $_POST ["pais"];//atribuição do campo "pais" vindo do formulário para variavel
$login= $_POST ["login"];//atribuição do campo "login" vindo do formulário para variavel
$senha= $_POST ["senha"];//atribuição do campo "senha" vindo do formulário para variavel
$news= $_POST ["news"];//atribuição do campo "news" vindo do formulário para variavel
$sexo= $_POST ["sexo"];//atribuição do campo "sexo" vindo do formulário para variavel

//Gravando no banco de dados ! conectando com o localhost - mysql
$conexao = mysql_connect("localhost","root"); //localhost é onde esta o banco de dados.
if (!$conexao)
die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());

//conectando com a tabela do banco de dados
$banco = mysql_select_db("clientes",$conexao); //nome da tabela que deseja que seja inserida os dados cadastrais
if (!$banco)
die ("Erro de conexão com banco de dados, o seguinte erro ocorreu -> ".mysql_error());


//Query que realiza a inserção dos dados no banco de dados na tabela indicada acima
$query = "INSERT INTO `clientes` ( `nome` , `email` , `sexo` , `ddd` , `telefone` , `endereço` , `cidade` , `estado` , `bairro` , `país` , `login` , `senha` , `news` , `id` ) 
VALUES ('$nome', '$email', '$sexo', '$ddd', '$tel', '$endereco', '$cidade', '$estado', '$bairro', '$pais', '$login', '$senha', '$news', '')";
mysql_query($query,$conexao);
########## • Explicação da query • ##########
#$query = nome da variavel que decidi#
#utilizar para realizar a operação.#
#############################################
#clientes = nome da tabela que será salvo#
#os dados do cadastro do cliente#
#############################################
#nome, email, sexo, ddd, telefone,#
#endereço, cidade, estado, bairro, país,#
#login, senha, news, id.#
##
#São apenas os nomes dos campos que #
#constam na tabela clientes.#
#############################
#VALUES = indica que serão inseridos os#
#seguintes valores.#
#############################################
#$nome, $email, $sexo, $ddd, $telefone,#
#$endereço, $cidade, $estado, $bairro, #
#$país, $login, $senha, $news, $id.#
#############################
#São apenas as variaveis a qual eu#
#atribui os valores digitados no formulá-#
#rio.#
#############################################
echo "Seu cadastro foi realizado com sucesso!Agradecemos a atenção.";
//mensagem que é escrita quando os dados são inseridos normalmente.
?> 
</body>
</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: 

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` 
)
);


Obrigado a todos espero que consigam entender o código e seus comentários. Deixo meu email para duvidas, wesley_zeus@yahoo.com.br

Até a proxima matéria.

Comentários do artigo [Novo comentário]

Vinicius - 02 de Julho 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 Julho 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 marciossouza@globo.com ok?? fico no aguardo!
sosmartinsacessorios - 27 de Outubro de 2008 - 01:24
posso usar esse codigos no front page
Paulo Antonio de Carvalho - 02 de Dezembro 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 Dezembro 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 Janeiro de 2009 - 07:44
ewew
andre - 10 de Janeiro de 2009 - 07:44
eee
ramon ribeiro farias - 20 de Abril 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 Abril 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 Maio 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 Agosto 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 Setembro 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 Dezembro 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 Dezembro de 2009 - 17:59
igual a esse aqui que estou escrevendo dentro
willian - 11 de Dezembro 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 Janeiro 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 Janeiro 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 Fevereiro 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 Fevereiro 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 Fevereiro 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 Março 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?
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:

» Busca avançada

Siga-nos no Twitter









» Procurando iPhones?
... e que tal iPods?



Melhor Visualizado com
800x600 de Resolução
CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » PelamorDeDeus » Todos os Direitos Reservados © 2002/2008

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com