Olá! Sexta Feira, 10 de Fevereiro de 2012.



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?
Tiago silva costa - 14 de Junho 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 Agosto 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 Setembro 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
lennon.trabalho@yahoo.com.br
Rodrigo Alves - 26 de Novembro 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 Julho 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?
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:
templates foto rolagem música usuários online formularios lightbox banner rotativo pop videos formulário comentário flash orçamento boleto criptografia botão vendas contagem regressiva session album de fotos mural de recado mensagem redirecionamento quiz box twitter recado pagina menu

» Busca avançada

Siga-nos no Twitter







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





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

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com