Paulo Ananias
-
Contagem de Conteúdo
2 -
Ingressou
-
Última visita
Conquistas de Paulo Ananias
0
Reputação na Comunidade
-
Formulário HTML não envia dados para o banco
Paulo Ananias respondeu à Paulo Ananias no tópico em HTML & CSS
<?php $dbHost = 'Localhost'; $dbUsername = 'root'; $dbPassword = ''; $dbName = 'formulario-login'; $conexao = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName); //if($conexao->connect_errno){ //echo "Erro"; //}else { //echo "Conexão efetuada com sucesso"; //} ?> -
Boa noite colegas, Estou enfrentando um problema. Não encontrei nada a respeito, mas peço desculpas se esse tópico já foi levantado anteriormente aqui no fórum. Meu objetivo no momento é enviar informações de um formulário html para o mysql. Contudo, preencho as informações e quando clico no botão submit, não acontece nada. Não consegui determinar a causa do problema. <?php if(isset($_POST['submit'])) { //print_r($_POST['nome']); //print_r($_POST['cpf']); //print_r($_POST['email']); //print_r($_POST['senha']); //print_r($_POST['senhaconfirma']); include_once('config.php'); $nome = $_POST['nome']; $cpf = $_POST['cpf']; $email = $_POST['email']; $senha = $_POST['senha']; $senhaconfirma = $_POST['senhaconfirma']; $resul = mysqli_query($conexao, "INSERT INTO usuarios ('Nome completo','CPF','Email','Senha','Confirmar senha') VALUES ('$nome','$cpf','$email','$senha','$senhaconfirma')"); } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style formularios.css"> <title>Formulario - cadastro</title> </head> <body> <div class="content"> <h1>Fromulário de Cadastro</h1> <form id="form" action="Formulario-cadastro.php" method="GET"> <div> <input type="text" placeholder="Nome completo" name="nome" id="nome" class="inputs required" oninput="namevalidate()"> <span class="span-required">Nome dever ter no mínimo três caracteres</span> </div> <div> <input type="text" placeholder="CPF" name="cpf" id="cpf" class="inputs required" oninput="cpfvalidate()"> <span class="span-required">O CPF deve conter 11 dígitos. Não utilize ponto ou traço.</span> </div> <div> <input type="email" placeholder="E-mail" name="email" id="email"class="inputs required" oninput="emailvalidate()"> <span class="span-required">Digite um e-mail válido</span> </div> <div> <input type="password" placeholder="Senha" name="senha" id="senha"class="inputs required" oninput="senhavalidate()"> <span class="span-required">Informe uma senha com no mínimo 4 caracteres.</span> </div> <div> <input type="password" placeholder="Digite a senha novamente" name="senhaconfirma" id="senhaconfirma" class="inputs required" oninput="confirmavalidate()"> <span class="span-required">As senhas devem ser compatíveis</span> </div> <button type="submit" class="btn_enviar">Enviar2</button> <a href="#"class="btn">Cancelar</a> </form> </div> </body> <script> const form = document.getElementById('form'); const campos = document.querySelectorAll('.required'); const spans = document.querySelectorAll('.span-required'); const emailregex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; form.addEventListener('submit', (event) => { event.preventDefault(); namevalidate(); cpfvalidate(); emailvalidate(); senhavalidate(); confirmavalidate(); }); function setError(index){ campos[index].style.border = '2px solid #e63636'; spans[index].style.display = 'block'; } function removeError(index){ campos[index].style.border = ''; spans[index].style.display = 'none'; } function namevalidate(){ if(campos[0].value.length < 3){ setError(0); }else{ removeError(0); } } function cpfvalidate(){ if (campos[1].value.length != 11){ setError(1); }else{ removeError(1); } } function emailvalidate(){ if(!emailregex.test(campos[2].value)){ setError(2); }else{ removeError(2); } } function senhavalidate(){ if(campos[3].value.length < 4){ setError(3); }else{ removeError(3); confirmavalidate(); } } function confirmavalidate(){ if (campos[4].value == campos[3].value){ removeError(4); }else{ setError(4); } } </script> </html>