gabrielms
-
Total de itens
108 -
Registro em
-
Última visita
Tudo que gabrielms postou
-
@Sampaio_bs O que você quer limpar, a variável com os dados do formulário ou os campos do formulário? Bom vou deixa um código de exemplo, com ele você pode tirar sua duvida. Recomendo a você dar uma olhada nos tutoriais da W3Shools. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Formulario</title> <style> html,body{ width: 100%; height: 100%; margin: 0; padding: 0; } .left{ position: fixed; width: 49.9%; left: 0; top: 0; bottom: 0; color:#fff; display: inline-block; background: #272727; text-align: center; } .left > div, .right > div{ padding: 20px; } .right{ color:#fff; display: inline-block; background: #141414; position: fixed; width: 49.9%; right: 0; top: 0; bottom: 0; overflow-x: auto; } form[name="formularioDeCadastro"]{ max-width: 300px; margin: 0 auto; } form[name="formularioDeCadastro"] > label , input{ display: block; margin-bottom: 10px; font-family: sans-serif; width: 100%; } form[name="formularioDeCadastro"] > input{ padding: 10px; } form[name="formularioDeCadastro"] > button{ padding: 7px 10px; } button.btn{ padding: 7px 10px; } </style> </head> <body> <div class="left"> <div> <h4>Formulario de cadastro</h4> <form name="formularioDeCadastro"> <label>Nome:</label> <input type="text" name="nome"> <label>E-mail:</label> <input type="text" name="email"> <label>Idade:</label> <input type="text" name="idade"> <button type="reset">Limpar</button> <button type="submit">Salvar</button> </form> </div> </div> <div class="right"> <div> <button type="button" class="btn" id="btn">Limpar dados cadastrados</button> <div id="demostracao"> </div> </div> </div> <script> const formulario = document.forms["formularioDeCadastro"], btnLimpar = document.getElementById("btn"); demo = document.getElementById("demostracao"); var dadosSalvos = []; window.onload = function(){ formulario.addEventListener('submit', function(e){ dadosSalvos.push(new usuario(formulario["nome"].value, formulario["email"].value, formulario["idade"].value)); mostrarDadosSalvos(); e.preventDefault(); formulario.reset(); return false; }); btnLimpar.addEventListener("click", function(){ dadosSalvos = []; mostrarDadosSalvos(); }); mostrarDadosSalvos(); } function usuario(nome, email, idade) { this.nome = nome; this.email = email; this.idade = idade; } function mostrarDadosSalvos() { demo.innerHTML = ""; let h4, div; h4 = document.createElement("h4"); h4.append(`Número de cadastros: ${dadosSalvos.length}`); demo.appendChild(h4); for (key in dadosSalvos){ div = null; div = document.createElement("div"); div.append(`ID: ${key}, Nome: ${dadosSalvos[key]["nome"]}, E-mail: ${dadosSalvos[key]["email"]}, Idade: ${dadosSalvos[key]["idade"]}`); demo.appendChild(div); } } </script> </body> </html>
-
@tiagosp Você pode usar os métodos clássicos do javascript com Jquery sem nenhum problema, Jquery foi desenvolvida para simplificar os scripts em javascript, se existe uma maneira mais rápida e simples de fazer, use-a!
-
@Rafaela Santos O que realmente você tem duvida? Essa é a 2 regra do fórum php "Estamos Aqui Para Orientar". fique atento para não tomar uma punição boba. Poste um trecho do que você já fez. Estamos aqui para te orientar e para te ajudar a aprender. Não vamos fazer seu trabalho por você.
-
@ricardonews Bom amigo, não deu para entender realmente qual é o seu problema. Seu problema é na conexão com o bando de dados? é no código php? Você poderia explicar melhor seu problema com uma imagem do log de erros! Você também poderia usar a tag <code> do site para publicar seu código, assim podemos dar uma olhada melhor. Em relação ao post notei algumas coisas no php: Você usa md5 para embaralhar a senha, porem isso não é mais recomendado, nesse caso recomendo o uso do password_hash() Você também pode melhorar seu método de filtro, no PHP 5.2.0 foi adicionados métodos de filtro embutidos no PHP. Um exemplo de filtro de e-mail utilizando o método de filtro <?php $email = "john.doe@example.com"; if (filter_var($email, FILTER_VALIDATE_EMAIL)) { echo($email." is a valid email address"); } else { echo($emailis." not a valid email address"); } No incio do documento você utiliza include(); para chamar o arquivo de conexão, nesse caso como o arquivo que faz a ponte com o banco de dados e mais que necessário, recomendo o uso do require_once();. Também notei que falta alguns filtros nós dadas que vem do formulário, também recomendo o uso de algum token para impedir um ataque CSRF, e também está faltando um método para verificar se realmente ocorreu uma requisição do tipo POST, se ela realmente veio do seu site. Para melhorar a resposta de erros de preenchimento do formulário, você poderia atribuir as massagens de erros, assim mostrado todos os erros que o usuário cometeu no preenchimento do formulário. Não entendi muito bem o motivo do sleep(); no inicio do documento?
-
@dutopfave Bom, falto você fazer a conversão de string do dados para um objeto javascript, apesar de você converter o array em php para json, o valor vira uma string no formato json, e não um objeto javascript. Você pode usar a função JSON.parse(), para converter o valor de string para um json. data = JSON.parse(data); if(data["success"] == 'true'){ window.location = 'cadastro.php?modal=ok'; }else{ window.location = 'cadastro.php?modal=error'; } Agora deve funcionar corretamente.
-
Enviar o dado de um input para outra pagina via ajax
gabrielms respondeu ao tópico de josenilson em Javascript
@josenilson Bom, tem pequenos erros operacionais nesse seu código. Não existe a necessidade de usar o evento pronto para documentos, quando o script está dentro de uma função. Você também não precisa declarar a função dentro do atributo onblur, já que você está usando Jquery, você pode anexa um manipulador de eventos ao elemento input. Um exemplo de código que funcionaria na sua aplicação: $(document).ready(function(){ $("#cpf").on("blur, change", function(){ $.ajax({ method: "POST", url: "validar.php", data: { "cpf":this.value }, cache: false, success: function(res) { $(this).html(res); } }) }) }) Bom esse código só vai funcionar em Jquery de versão maior que 1.9. Usando o método on do Jquery, você pode remover o atributo onblur do input. <input type="text" name="cpf" id="cpf"> Lembre de adicionar um tipo(type) ao <input>. -
@dutopfave O erro é bem bobo, você converte o array em PHP para Objeto Json, porem quando você faz a verificação do valor que foi enviado pela requisição, você não escolhe o índice do Objeto. Para resolver isso basta você escolhe o índice do objeto: if(data["success"] == 'true'){ window.location = 'cadastro.php?modal=ok'; }else{ window.location = 'cadastro.php?modal=error'; }