<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<?php
require_once 'classes/usuarios.php';
$u = new Usuario;
?>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Cadastre-se</title>
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div id="corpo-form-Cad">
<h1>Cadastrar</h1>
<form method="POST">
<input type="text" name="nome" placeholder="Nome Completo" maxlength="30">
<input type="text" name="telefone" placeholder="telefone" maxlength="30">
<input type="email" name="email" placeholder="Usuário" maxlength="40">
<input type="password" name="senha" placeholder="Senha" maxlength="15">
<input type="password" name="confSenha" placeholder="Confirmar Senha" maxlength="15">
<input type="submit" value="Cadastrar">
<a href="telalogin.php">Já concluiu seu cadastro?<strong>faça login aqui</strong></a>
</form>
</div>
<?php
//verificar se clicou no botao
if(isset($_POST['nome']))
{
$nome = addslashes($_POST['nome']);
$telefone = addslashes($_POST['telefone']);
$email = addslashes($_POST['email']);
$senha = addslashes($_POST['senha']);
$confirmarSenha = addslashes($_POST['confSenha']);
//verificar se esta preenchido
if(!empty($nome) && !empty($telefone) && !empty($email) && !empty($senha) && !empty($confirmarSenha))
{
$u->conectar("projeto_login","localhost","root","");
if($u->msgErro == "")//se esta tudo ok
{
if($senha == $confirmarSenha)
{
if($u->cadastrar($nome,$telefone,$email,$senha))
{
?>
<div id="msg-sucesso">
Cadastrado com sucesso! Acesse para entrar!
</div>
<?php
}
else
{
?>
<div class="msg-erro">
Email ja cadastrado!
</div>
<?php
}
}
else
{
?>
<div class="msg-erro">
Senha e confirmar senha não correspondem
</div>
<?php
}
}
else
{
?>
<div class="msg-erro">
<?php echo "Erro: ".$u->msgErro;?>
</div>
<?php
}
}else
{
?>
<div class="msg-erro">
preencha todos os campos!
</div>
<?php
}
}
?>
</body>
</html>
*{
margin: 0px;
padding: 0px;
}
body{
background-image: url(../img/foto2.jpg);
background-position: 50% 0%;
color: black;
font-family: arial;
}
input{
display: block;
height: 55px;
width: 400px;
margin: 10px;
border-radius: 30px;
border:1px solid white;
font-size: 16pt;
padding: 5px 10px;
background-color: rgba(255,255,255,0.01);
color: white;
outline: none;
}
div#corpo-form{
width: 420px;
margin: 130px auto 0px auto;
}
div#corpo-form-Cad{
width: 420px;
margin: 80px auto 0px auto;
}
div#corpo-form h1,div#corpo-form-Cad{
text-align: center;
padding: 20px;
}
a{
color:white;
text-decoration: none;
text-align: center;
display: block;
}
a:hover{
text-decoration: underline
}
input[type=submit]{
background-color: #ff0066;
border: none;
cursor: pointer;
}
::-webkit-input-placeholder{/*webkit browsers */
color: #fff;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
color: #fff;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
color: #fff;
}
:-ms-input-placeholder {/* Internet Explorer 10+ */
color: #fff;
}
div#msg-sucesso{
width: 420px;
margin: 10px auto;
padding: 10px;
background-color: rgba(50,205,50,.3);
border: 1px solid rgb(34,139,34);
}
div.msg-erro{
width: 420px;
margin: 10px auto;
padding: 10px;
background-color: rgba(250,128,114,.3);
border: 1px solid rgb(165,42,42);
}